2

我有一个控制器：

app.controller('FileUploadController', ['$scope', 'Upload', '$timeout', function ($scope, Upload, $timeout) {
    $scope.$watch('files', function () {
        $scope.upload($scope.files);
    });

    $scope.$watch('file', function () {
        if ($scope.files !== null) {
            $scope.upload([$scope.file]);
        }
    });

    $scope.upload = function (files) {
        $scope.log = '';
        if (files && files.length) {
            $scope.numberOfFiles = files.length;
            for (var i = 0; i < files.length; i++) {
                var file = files[i];
                if (file && !file.$error) {
                    Upload.upload({
                        url: 'http://localhost/Reconcile/index.php',
                        file: file
                        // fileName: i // to modify the name of the file(s)
                    }).progress(function (evt) {
                        var progressPercentage = parseInt(100.0 * evt.loaded / evt.total);
                        $scope.log = progressPercentage;
                    }).success(function (data, status, headers, config) {
                        for (var j = 0; j < 2; j++) {
                            $scope.parsePapa(files[j], j);
                        }
                    }).error(function (data, status, headers, config) {
                        $scope.log = 'error status: ' + status;
                    });
                }   
            }
        }
    };
}]);

这基本上用于允许通过ngFileUpload拖放 csv 文件，然后由Papa Parse 解析。在我对 Papa Parse（位于 $scope.parsePapa）的调用中，我需要第二个参数来发送有关上传了哪个文件的信息（只需一个索引就可以）用于稍后的组织目的，第一个参数是文件本身。问题是，如果对于成功功能，我做了这样的事情：

}).success(function (data, status, headers, config) {
    $scope.parsePapa(files[i], i);
}

发生的情况是，success只有在两个文件都完成上传后才会调用它。到那时，i已经是 2（在 2 个文件的情况下：0 表示第一次通过，1 表示第二个文件，2 表示第二个文件之后）。如果我使用上面的代码，它不会返回文件，因为files[2]如果上传了两个文件，则索引中没有存储任何内容。

为了解决这个问题，我在 for 循环中使用files了一个循环，它将遍历. 但是，由于会有多个文件，当前的行为实际上是（例如，在上传 2 个文件的情况下）对每个文件进行两次解析。我正在解析具有 1,000,000 行的 csv 文件（稍后进行比较），因此上传两次会影响性能。 filefiles

简而言之，我正在寻找一种仅将每个文件发送到 $scope.parsePapa(file, fileNumber) 的方法。

任何帮助将不胜感激。我对 Angular 完全陌生，所以如果这是我错过的简单事情，请提前道歉。

编辑： danial 解决了这个问题（见下文）。如果有人感兴趣，最终代码如下所示：

app.controller('FileUploadController', ['$scope', 'Upload', '$timeout', function ($scope, Upload, $timeout) {
$scope.$watch('files', function () {
    $scope.upload($scope.files);
});

function uploadFile(file, index) {
    Upload.upload({
        url: 'http://localhost/Reconcile/index.php',
        file: file
        // fileName: i // to modify the name of the file(s)
    }).progress(function (evt) {
        var progressPercentage = parseInt(100.0 * evt.loaded / evt.total);
        $scope.log = progressPercentage;
    }).success(function (data, status, headers, config) {
        $scope.parsePapa(file, index);
    }).error(function (data, status, headers, config) {
        $scope.log = 'error status: ' + status;
    });
}

$scope.upload = function (files) {
    $scope.log = '';
    if (files && files.length) {
        $scope.numberOfFiles = files.length;
        for (var i = 0; i < files.length; i++) {
            var file = files[i];
            if (file && !file.$error) {
                uploadFile(file, i);
            }
        }
    }
};

}]);

4

1 回答 1

1

如果你想知道上传文件的索引，你可以这样做：

 function uploadFile(file, index) {
    Upload.upload({....}).success(function() {
       $scope.parsePapa(file, index);
    })...;
 }

 $scope.upload = function (files) {
    if (files && files.length) {
       var file = files[i];
       if (file && !file.$error) {
          uploadFile(file, i);
       }
    }
 }

此外，如果您允许多个文件，您只需要这两个手表中的一个，第一个就足够了：

$scope.$watch('files', function () {
    $scope.upload($scope.files);
});

$scope.$watch('file', function () {
    if ($scope.files !== null) {
        $scope.upload([$scope.file]);
    }
});
于 2015-09-06T15:29:13.523 回答