Javascript 跟踪$http中多个文件的上载进度

我试图上传多个文件使用下面的代码

场景：我正在录制问题1的视频，然后通过

$http.post（）

上传。上传第一个问题时，记录第二个问题并提交。它一直持续到最后一个问题

问题：当我上载第一个文件时，uploadEventHandlers会正确显示进度，并且我能够跟踪进度，但是当同时上载多个问题时，我无法单独跟踪多个文件的进度

如何单独跟踪每个文件的进度？ 以下是工作代码段。请建议修改

var fd1=new FormData（）；
fd1.附加（'iid'，iid）//邀请id
fd1.append（'qid'，scope.$root.current_que+1）//问题id
scope.cq=scope.$root.current_que+1；
作用域：$apply（）；
fd1.append（'file'，this.recordedData）；
//console.log（）；
scope.upload=true；
scope.$root.waitforupload=true；
$http.post（scope.opts.uploadUrl，fd1{
请求：angular.identity，
标题：{
“内容类型”：未定义
},
事件处理程序：{
进展：职能（c）{
console.log（'Final:'+c.loaded+'of'+c.total）；
}
},
上载事件处理程序：{
进展：职能（e）{
控制台日志（“当前：+e”）；
console.log（“上传问题”+（scope.cq）+”：“+Math.round（（e.loaded/e.total）*100）+“%”；
}
},
}).然后（功能（响应）{
//其他片段
});