Невозможно загрузить несколько больших файлов в dropzone. js - PullRequest
Новая
       82

Невозможно загрузить несколько больших файлов в dropzone. js

0 голосов
/ 01 мая 2020

В данный момент мой код не загружается при загрузке 9 файлов размером до 32 МБ со следующей ошибкой: 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: 

<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

Любой была бы признательна за помощь ...

1 Ответ

0 голосов
/ 01 мая 2020

Проблема решена !! На самом деле все, что я сделал, это: 

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 (вы можете установить это как хотите, но убедитесь, что независимо от того, сколько файлов вы добавляете все они загружаются параллельно)

И это все :) Надеюсь, это может кому-то помочь

...