javascript - XMLHttpRequest 2 下载进度事件只触发一次

Question

我正在尝试通过以下代码获取 ajax 请求的进度：

var xhr = new XMLHttpRequest();


xhr.addEventListener('progress', function(event) {

    console.log(event.loaded / event.total);
},
false);

xhr.addEventListener('load', function() {

    console.log('load');
},
false);


xhr.open('get', 'test.php', true);
xhr.send();

问题是，进度事件只在加载事件之前触发一次（也就是说，在 Webkit 中，它似乎在 Gecko 下不起作用）。

我做错了什么还是只是没有得到适当的支持？

Answer 1

利用

xhr.upload.addEventListener('progress', function(event) { ... });

（注意添加.upload）