Ajax文件上传进度事件未触发

Question

我通过ajax请求上传文件,只需将它们分成块即可.

问题是进度事件,Firefox由于某种原因不想激发那个事件,这里是我的代码(大部分不必要的代码被删除)

//slice file
if(file.mozSlice){
    chunk   = file.mozSlice(startByte, endByte);
}else if(file.slice){
    chunk   = file.slice(startByte, endByte);
}else{
    chunk   = file;
    isLast  = true;
}


var xhr = new XMLHttpRequest();

xhr.upload.addEventListener('progress', function(e){
    console.log('progress');
}, false);

xhr.upload.addEventListener('error', function(e){
    console.log("upload error!");
});

xhr.onreadystatechange = function(e){
    if(this.readyState == 4 && this.status == 200){
        //this chunk has bee uploaded, proceed with the next one...
    }
}

xhr.open('POST', "", true);

xhr.setRequestHeader('Cache-Control', 'no-cache');
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');//header
xhr.setRequestHeader('Content-Type', 'application/octet-stream');//generic stream header
xhr.send(chunk);

我确信我没有犯过任何重大错误,因为chrome没有任何问题,所以必须有一些与Firefox有关的问题.

Answer 1

对于Chrome:

xhr.upload.addEventListener('progress', function(e) {
    console.log('progress');
}, false);

对于Firefox:

xhr.addEventListener('progress', function(e) {
    console.log('progress');
}, false);