Определите, когда все файлы загружены успешно в dropzone.js

Question

Я использую dropzone.js для загрузки на свой сайт. Загружающий файл имеет модальный формат, который я хочу автоматически закрыть, когда все файлы были загружены успешно.

Для этого я использую следующий код:

buttonUpload.on("complete", function (file) { 

    var remaining = buttonUpload.getRejectedFiles().length + buttonUpload.getQueuedFiles().length + buttonUpload.getUploadingFiles().length 

    if (remaining == 0) { 
     $("#modal-upload-file").modal('hide'); 
    } 
}); 

Я ожидал бы этот код, чтобы сложить количество файлов, которые потерпели неудачу, еще не загружен и загрузки. Если это нулевое значение, то модально закрывается.

Я смог определить, что buttonUpload.getRejectedFiles() не включает файлы, получившие сообщение об ошибке при загрузке. Из чтения документации я не вижу возможности проверить, успешно ли загружен каждый файл, как я хочу. Как я могу это сделать?

Answer 1

Вот мое решение.

В случае успеха, файл удаляется из очереди:

buttonUpload.on("success", function(file) { 
    buttonUpload.removeFile(file); 
}); 

Затем, когда очередь будет завершена, если какие-либо файлы остаются они не были успешными.

buttonUpload.on("queuecomplete", function (file) { 
    if (buttonUpload.getAcceptedFiles().length > 0) { 
     $("#file-error-warning").slideDown(); 
    } else { 
     $("#modal-upload-file").modal('hide'); 
    } 
});