[英]Can't upload multiple large files in dropzone.js
目前,我的代码无法上传 9 个文件,每个文件最多 32MB,并出现以下错误:
以下是我使用的 dropzone 配置选项:
dropzoneOptions: {
maxFiles: 1000,
timeout: 100000,
maxFilesize: 100,
parallelUploads: 1,
paramName: 'images',
addRemoveLinks: true,
uploadMultiple: true,
autoProcessQueue: false,
maxThumbnailFilesize: 100,
url: `${axios.defaults.baseURL}/admin/album/pictures`,
headers: { 'Authorization': `Bearer ${accessToken()}` },
error: this.dropzoneSubmissionError,
success: this.dropzoneSubmissionSuccess,
},
这是dropzone
标签:
<vue-dropzone
ref="myVueDropzone" id="dropzone" class="custom-dropzone"
:options="dropzoneOptions" @vdropzone-sending="addPictures"
@vdropzone-complete-multiple="vDropzoneCompleteMultiple"
@vdropzone-total-upload-progress="vDropzoneTotalUploadProgress"
@vdropzone-canceled="vDropzoneCanceled"
/>
以下是dropzone
标签中提到的各种事件调用的函数:
addPictures(file, xhr, formData) {
formData.append('album_id', this.$route.params.album_id);
},
vDropzoneCompleteMultiple(response) {
console.log(response);
},
vDropzoneTotalUploadProgress(progress) {
this.pictures_uploading = true;
console.log(progress);
this.totalUpload.width = progress;
},
vDropzoneCanceled(file) {
console.log(file);
}
此外,由于我在vDropzoneTotalUploadProgress
function 中记录了总进度,因此该进度永远不会超过 4.16
任何帮助,将不胜感激...
问题解决了:! 其实我所做的就是这样:
dropzoneOptions: {
maxFiles: 1000,
timeout: 100000,
maxFilesize: 100,
paramName: 'images',
addRemoveLinks: true,
uploadMultiple: true,
parallelUploads: 1000,
autoProcessQueue: false,
maxThumbnailFilesize: 100,
url: `${axios.defaults.baseURL}/admin/album/pictures`,
headers: { 'Authorization': `Bearer ${accessToken()}` },
error: this.dropzoneSubmissionError,
successmultiple: this.dropzoneMultipleSubmissionSuccess,
},
我刚刚将并行上传添加到我的dropzoneOptions
并将其设置为 maxFiles (您可以设置任何您想要的,但要确保无论您一次添加多少文件,它们都会并行上传)
就是这样:)希望它可以帮助某人
谢谢Muhammad Waqar,这对我有帮助
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.