以角$ http

时间:2016-10-13 07:46:53

标签: javascript angularjs http upload

我正在尝试使用以下代码上传多个文件。

场景:我正在录制问题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
});

0 个答案:

没有答案