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)