如何使用angular-file-upload（nervgh / angular-file-upload）重新上传同一个文件两次

Posted 2021-05-06

我使用angular-file-upload模块在我的角度应用程序中上传文件，但我有要求再次上传相同的文件，但无法再次上传，因为模块在上传之前检查item（文件）的isUploaded属性。有什么工作吗？

答案

我们可以使用onAfterAddingFile回调，它在将文件添加到队列后被触发，以存储原始文件的副本。现在我们可以使用uploader1和uploader2分别上传原始文件和复制文件：

$scope.uploader1 = new FileUploader({
    url: url,
    queueLimit: 1
});

$scope.uploader2 = new FileUploader({
    url: url,
    queueLimit: 1
});

uploader1.onAfterAddingFile = function (fileItem1) {                                          
    var fileItem2 = new FileUploader.FileItem($scope.uploaderOnSuccess, 
    {
        lastModifiedDate: fileItem1.file.lastModifiedDate,
        size: fileItem1.file.size,
        type: fileItem1.file.type,
        name: fileItem1.file.name,
    });
    fileItem2._file = fileItem1._file;               
    fileItem2.progress = 0;
    fileItem2.isUploaded = false;
    fileItem2.isSuccess = false;
    $scope.uploader2.queue.push(fileItem2);
};