weixin_33717298 2017-04-17 22:25 采纳率: 0%
浏览 27

发送文件的顺序

I don't know how to do that, only two files sent to the server at the same time just like here UploadImages.In my code all the files are sent all at the same time. Here is my code. Words needed to fill the post. Words needed to fill the post.

var percent_info = document.querySelectorAll('.progress_bar:not(.trans_completed) .percent');
            var p_bar = document.querySelectorAll('.progress_bar:not(.trans_completed)');
            /* --- Upload files to server loop --- */
            for (var i = 0; i < files.length; i++) {
                uploadFile(files[i], percent_info[i], p_bar[i]);
            }
            
            function uploadFile(file, percent_info, p_bar) {
            var url = "server/index.php";


            if (file.type.match(imageType)) {
                var xhr = new XMLHttpRequest();
                var fd = new FormData();
                
                xhr.upload.addEventListener("progress", function(evt) {
                    if (evt.lengthComputable) {

                        var percentLoaded = Math.round((evt.loaded / evt.total) * 100);
                        if (percentLoaded < 100) {
                            percent_info.style.width = percentLoaded + "%";
                            
                        }
                    }
                });
         
                xhr.upload.addEventListener("load", function(e) {
                        var percentLoaded = Math.round((e.loaded / e.total) * 100);
                    percent_info.style.width = percentLoaded + "%";
                    
                });


                function ready() {
                    return function() {
                        if (xhr.readyState == 4 && xhr.status == 200) {
                            p_bar.classList.add('trans_completed');
                        }
                    };
                }

                xhr.onreadystatechange = ready();
                xhr.open("POST", url, true);
                fd.append('uploaded_file', file);
                xhr.send(fd);
            }
        };

</div>
  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?
    • ¥15 求daily translation(DT)偏差订正方法的代码
    • ¥15 js调用html页面需要隐藏某个按钮
    • ¥15 ads仿真结果在圆图上是怎么读数的
    • ¥20 Cotex M3的调试和程序执行方式是什么样的?
    • ¥20 java项目连接sqlserver时报ssl相关错误
    • ¥15 一道python难题3
    • ¥15 牛顿斯科特系数表表示
    • ¥15 arduino 步进电机
    • ¥20 程序进入HardFault_Handler