3

我通过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 相关的问题。

4

2 回答 2

8

对于铬：

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

对于火狐：

xhr.addEventListener('progress', function(e) {
    console.log('progress');
}, false);
于 2014-03-31T04:29:06.380 回答
0

我检查了我的实现，我在调用后添加了进度事件，也许可以解决它？xhr.open

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

于 2013-04-16T13:51:30.403 回答