关于H5上传文件 input 的疑惑

Question

为什么调用 FileReader 的 onprogressAPI设置进度时，上传到一半会卡住，然后过一会直接完成？

问题代码如下：

     var reader = new FileReader();
     reader.onprogress = function(ev) {
         setTimeout(function(){ hr.style.width = parseInt(ev.loaded*100 / ev.total) + '%'; }, 1)
         pro.value = ev.loaded;
     }
     reader.readAsDataURL(upload.files[0]);

想达到一点一点根据实际上传进度来改变进度条。

Answer 1

你所说的卡住，具体指的是什么?

Answer 2

是不是上传的文件不够大，并且是本地的，所以瞬间传完了
试试从本地上传到外网服务器一个较大的文件