Question

我有以下代码行，它们应该检索PouchDB中的所有文档和图像在这种情况下，只有两个带有图像的文档用于测试。

当我从PouchDB中检索所有文档时，我得到的每个文档都很好。然后，它应该单独上传每个文档的图像，并在发布$scope.qc.images之前将返回推送到$scope.qc。但在我的情况下，它发布了document1两次。

第一篇帖子document1的图片来自document1。第二篇帖子document1包含来自document1和document2的图片。但是，document2永远不会发布。

我想在此测试用例中发布一个文档，每个文档一个图像。请注意lastTask中的提醒，这里我得到两次相同的文档:(

请参阅以下代码：

 /**
     * Upload offline qcs
     */
    $scope.uploadOfflineQcs = function () {
      var token = window.localStorage.getItem('yourTokenKey');
      $scope.localQcDB.allDocs({
        include_docs: true
      }).then(function (response) {
        response.rows.forEach(function (row) {
          //this gives me each doc fine
          alert(JSON.stringify(row.doc.qc));
          //this gives me each image fine
          alert(JSON.stringify(row.doc.images));

          $scope.qc = row.doc.qc;
          $scope.images.test = row.doc.images;

          $scope.loading = $ionicLoading.show({
            content: 'Uploading QC...',
            showBackdrop: false
          });

          var promises = $scope.images.test.map(function (image) {
            var options = {
              fileKey: "image",
              fileName: "test.png",
              chunkedMode: true,
              mimeType: "image/png",
              headers: {'x-auth-token': token},
              params: {'questionId': image.questionId}
            };
            return $cordovaFileTransfer.upload(MOBILEAPP_URL + "file/upload", image.image, options);
          });

          return $q.all(promises).then(lastTask); // returns a promise for results

          function lastTask(results) {
            //this gives me same doc which is also uploaded twice.
            alert(JSON.stringify($scope.qc));

            results.forEach(function (result) {
              $scope.qc.image.push(JSON.parse(result.response));

              $scope.qc.coordinates = {
                "latitude": window.localStorage.getItem('latitude'),
                "longitude": window.localStorage.getItem('longitude')
              };

              $http({
                method: 'POST', url: MOBILEAPP_URL + 'api/forms/qualitycontrol', headers: {
                  'x-auth-token': token
                }, data: $scope.qc
              }).
                success(function (data, status, headers, config) {
                  // this callback will be called asynchronously
                  // when the response is available
                  $scope.qc = {image: []};
                  $scope.sigImg = '';
                  $scope.images.test.length = 0;
                  $scope.images.length = 0;
                }).
                error(function (data, status, headers, config) {
                  // called asynchronously if an error occurs
                  // or server returns response with an error status.
                  $scope.showAlert('error ' + status);
                }).finally(function () {
                  // Stop the ion-refresher from spinning
                  $scope.$broadcast('scroll.refreshComplete');
                });
            });
            return results; // keeping the promise chain useful
          }
        });
      }).then(function () {
        $ionicLoading.hide();
        $scope.showAlert('QC successfully saved!');
        $scope.localQcDB.destroy().then(function () {
          $scope.localQcDB = new PouchDB("offline_qcs");
        }).catch(function (err) {
          console.log(err);
        });
      }).catch(function (err) {
        console.log(err);
      });
    };

Answer 1

我不确定这是否有帮助，但您似乎没有正确使用承诺。我建议您阅读这篇文章："We have a problem with promises"。

有助于清理承诺使用情况的两个提示：

Angular＆＃39; $http同时支持旧样式（.success和.error）以及新的，有承诺的样式（.then和.catch }）。使用有希望的风格。
不要使用forEach;使用return Promise.all(myList.map(...))。

希望有所帮助！：）

Answer 2

所以下面的代码让一切正常。

 /**
     * Upload offline qcs
     */
    $scope.uploadOfflineQcs = function () {
      var token = window.localStorage.getItem('yourTokenKey');
      $scope.localQcDB.allDocs({
        include_docs: true
      }).
        then(function (result) {
        var rows = result.rows.map(function (row) {
          var images = row.doc.images.map(function (image) {
            $scope.loading = $ionicLoading.show({
              content: 'Uploading QC...',
              showBackdrop: false
            });
            var options = {
              fileKey: "image",
              fileName: "test.png",
              chunkedMode: true,
              mimeType: "image/png",
              headers: {'x-auth-token': token},
              params: {'questionId': image.questionId}
            };
            return $cordovaFileTransfer.upload(MOBILEAPP_URL + "file/upload", image.image, options);
          });
          return $q.all(images).then(lastTask);

          function lastTask(results) {
            results.forEach(function (result) {
              row.doc.qc.image.push(JSON.parse(result.response));
            });

            $http({
              method: 'POST', url: MOBILEAPP_URL + 'api/forms/qualitycontrol', headers: {
                'x-auth-token': token
              }, data: row.doc.qc
            }).
              success(function (data, status, headers, config) {
                $scope.qc = {image: []};
                $scope.sigImg = '';
                $scope.images.test.length = 0;
                $scope.images.length = 0;
              }).
              error(function (data, status, headers, config) {
                $scope.showAlert('error ' + status);
              }).
              finally(function () {
                $scope.$broadcast('scroll.refreshComplete');
                $ionicLoading.hide();
                $scope.showAlert('QC successfully saved!');
                $scope.localQcDB.destroy().then(function () {
                  $scope.localQcDB = new PouchDB("offline_qcs");
                }).catch(function (err) {
                  console.log(err);
                });
              });
          }
        });
        return $q.all(rows);
      });
    };

上传重复但不确定原因

2 个答案: