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);

Answer 2

我检查了我的实现我在之后添加进度事件我调用了xhr.open，也许这样可以修复它？

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

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

2 个答案: