我有一组照片文件需要上传到 Azure 云存储,我使用 foreach 循环调用上传,如下所示:
$scope.savetemplate = function () {
var imagePathsArray = [];
$scope.filesimage = [];
$scope.filesimage.push($scope.file1);
$scope.filesimage.push($scope.file2);
$scope.filesimage.push($scope.file3);
for (var i in $scope.filesimage) {
$scope.upload($scope.filesimage[i]);
}
$scope.data.Images = imagePathsArray ;
$http({
//after finish uploads i need to post the paths
//of all images to save into database
})
};
$scope.upload = function (file) {
Upload.upload({
url: '/uploadImage',
data: { file: file }
}).then(function (resp) {
imagePathsArray.push(resp.data);
})
};
resp.data 返回 azure 存储路径,我需要将路径推送到 imagePathsArray
我如何使用 Angular Promise 等待上传所有文件完成并且所有路径都存储在 imagePathsArray 中,以便我可以继续
$scope.data.Images = imagePathsArray ;
以便我可以获取数组中的路径并执行 $http post?
最佳答案
您可以使用 $q.all 来做到这一点.
var promises = [];
for (var i in $scope.filesimage) {
promises.push(upload($scope.filesimage[i]));
}
$q.all(promises).then(function() {
$scope.data.Images = imagePathsArray ;
$http.post({
//after finish uploads i need to post the paths
//of all images to save into database
});
});
function upload(file) {
return Upload.upload({
url: '/uploadImage',
data: { file: file }
}).then(function (resp) {
imagePathsArray.push(resp.data);
})
};
关于angularjs - foreach 循环的 Angular 链接 promise ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33773610/