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

我通过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有关的问题.

解决方法

我检查了我的实现,我在调用xhr.open之后添加了progress事件,也许修复了它？

在这里尝试第二个代码示例：https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest#Monitoring_progress有效吗？