無法在 dropzone.js 中上傳多個大文件

Question

目前，我的代碼無法上傳 9 個文件，每個文件最多 32MB，並出現以下錯誤：

我的網絡選項卡也顯示了這個狀態為 200 的請求：

以下是我使用的 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

任何幫助，將不勝感激...

Answer 1

問題解決了：！ 其實我所做的就是這樣：

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 （您可以設置任何您想要的，但要確保無論您一次添加多少文件，它們都會並行上傳）

就是這樣:)希望它可以幫助某人

Answer 2

謝謝Muhammad Waqar，這對我有幫助