通过XHR上传文件时,我正在订阅onProgress事件。我的进度栏是动画的(通过jQuery),以提供更好的视觉美感。

onProgress的执行速度似乎非常快,所以我想知道它实际被触发的频率,以便我可以以某种方式设计一个过程,从而可以限制对此的响应,以便可以拥有一个连续的动画进度条

最佳答案

查看jQuery throttle/debounce plugin以限制对onprogress回调的调用。

节流演示:http://benalman.com/code/projects/jquery-throttle-debounce/examples/throttle/

您的代码如下所示:

xhr.upload.onprogress = $.throttle(100, function (event)
{
    // update the progress bar
});

10-05 20:37