我正在尝试使用以下代码上传多个文件。
场景:我正在录制问题1的视频,然后通过$http.post()
上传。在上传第一个问题时,正在记录第二个问题并提交。它一直持续到最后一个问题。
问题:当我上传第一个文件时,uploadEventHandlers会正确显示进度,并且我能够跟踪它的进度,但是当同时上传多个问题时,我无法分别跟踪多个文件的进度。
如何逐个跟踪每个文件的进度? 以下是工作代码段。请提出修改建议。
var fd1 = new FormData();
fd1.append('iid', iid); //invitation id
fd1.append('qid', scope.$root.current_que + 1); //question id
scope.cq = scope.$root.current_que + 1;
scope.$apply();
fd1.append('file', this.recordedData);
//console.log();
scope.uploading = true;
scope.$root.waitforupload = true;
$http.post(scope.opts.uploadUrl, fd1, {
transformRequest: angular.identity,
headers: {
'Content-Type': undefined
},
eventHandlers: {
progress: function(c) {
console.log('Final : ' + c.loaded + ' of ' + c.total);
}
},
uploadEventHandlers: {
progress: function(e) {
console.log("Current : " + e);
console.log("Uploading Question " + (scope.cq) + " : " + Math.round((e.loaded / e.total) * 100) + "%");
}
},
}).then(function(response) {
//Other Snippet
});