H5上传图片,利用XMLHttpRequest传输数据进度监听不到的解决方法

今天用H5上传图片,利用XMLHttpRequest对象来传输数据,想在界面上监听上传的进度,出现了IOS机子进度显示正常,而Android机子和IE上都不能监听到,解决办法如下:

 xhr.upload.onprogress = uploading;//上传进度调用方法实现
 xhr.send(form);
 //xhr.upload.addEventListener("progress", uploading, false);//监听不到,换到上面的方法来执行
                  
 function uploading(evt) {
     $preview.find('.weui_uploader_status_content').text(Math.round(evt.loaded / evt.total * 100) + "%");
           if (Math.round(evt.loaded / evt.total * 100) >= 100) {
                $preview.removeClass('weui_uploader_status').find('.weui_uploader_status_content').remove();
           }
     }

  

posted @ 2017-06-07 21:23  AlanYT  阅读(1332)  评论(0编辑  收藏  举报