如何使用 angular-file-upload (nervgh/angular-file-upload) 重新上传同一个文件两次
How to re upload the same file twice using angular-file-upload (nervgh/angular-file-upload)
我在我的 angular 应用程序中使用 angular-file-upload 模块上传文件,但我有要求再次上传相同的文件,但无法再次上传,因为模块检查上传前 item(file) 的 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);
};
我在我的 angular 应用程序中使用 angular-file-upload 模块上传文件,但我有要求再次上传相同的文件,但无法再次上传,因为模块检查上传前 item(file) 的 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);
};