无法在dropzone.js中上传多个大文件

最近,我的代码在上传9个32MB以下的文件时出现以下错误。image

另外,我的网络选项卡显示该请求为200状态。enter image description here

以下是我使用的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配置选项 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 函数,进度从未超过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(你可以设置为任何你想要的,但要确保无论你一次添加多少文件,它们都会被平行上传)。

就这样吧:) 希望对大家有所帮助

给TA打赏
共{{data.count}}人
人已打赏
未分类

Python请求没有在HTTPS会话上附加客户端证书。

2022-9-17 4:02:36

未分类

Azure DevOps-隐藏发布任务日志

2022-9-17 4:02:38

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索