Cordova 文件 使用 promise 传输多个文件

Question

我正在尝试从服务器下载大约 100 张图片。这很好用。

        var promises = [];

        angular.forEach($scope.steps, function(value, key){
          promises.push(saveImageToPhone("http://192.168.178.250/w3/img/"+value.id+".jpg", value.id+".jpg"));
        });
        $q.all(promises).then(function(res) {
          console.log("all promises done");
        });

这会调用下载函数：

function saveImageToPhone(url, file) {
    var deferred = $q.defer();
    var url = url;
    var filePath = cordova.file.applicationStorageDirectory + "files/img/" +file;
    var fileTransfer = new FileTransfer();
    var uri = encodeURI(url);

    fileTransfer.download(
      uri,
      filePath,
      function(entry) {
        console.log(entry);
        deferred.resolve();
      },
      function(error) {
        console.log(error);
        deferred.reject();
      },
      false,
      {
        headers: {
          "Authorization": "Basic dGVzdHVzZXJuYW1lOnRlc3RwYXNzd29yZA=="
        }
      }
    );
    return deferred.promise;

  }

我的想法是在 forEach 循环中调用 saveImageToPhone 函数并让函数返回一个承诺。我将这个 Promise 推送到一个数组并等待这个数组中的所有 Promise 解决。

但是，console.log("all promises done") 在下载第一个图像之前被调用。我希望在下载所有图像后调用它。

你能指出我正确的方向吗？

Answer 1

我认为您的承诺处理是您的问题的原因...试试这个：

function saveImageToPhone(url, file) {
    var deferred = $q.defer();
    var url = url;
    var filePath = cordova.file.applicationStorageDirectory + "files/img/" +file;
    var fileTransfer = new FileTransfer();
    var uri = encodeURI(url);

    fileTransfer.download(
      uri,
      filePath,
      function(entry) {
        console.log(entry);

        // Change here
        deferred.resolve();
      },
      function(error) {
        console.log(error);

        // Change here
        deferred.reject();
      },
      false,
      {
        headers: {
          "Authorization": "Basic dGVzdHVzZXJuYW1lOnRlc3RwYXNzd29yZA=="
        }
      }
    );

// Change here
return deferred.promise;

}

但仅供参考：File Tansfer Plugin from ngCordova 已经以正确的方式将您的 cordova plugins 包装到 angularjs 中。我会推荐使用它，因为它不容易出错...