Dropzone.js - maxFiles = 1 не останавливается при перетаскивании нескольких файлов

Question

Использование Dropzone.js и вот код. Параметр «maxFiles = 1» не позволяет выбирать несколько файлов при просмотре, но не останавливается на «перетаскивании» нескольких файлов на область dropzone. Любая идея, как предотвратить перетаскивание нескольких файлов?

$(".dropzone").dropzone({ 
    dictDefaultMessage: "Drag image here", 
    uploadMultiple: false, 
    parallelUploads: 1, 
    clickable: true, 
    maxFiles: 1, 
    url: 'somewhere' // Provide URL 
}); 

Answer 1

Почему бы вам просто не использовать CSS для отключения события click. Когда максимальные файлы будут достигнуты, Dropzone автоматически добавит класс dz-max-files-reach.

Используйте CSS, чтобы отключить щелчок на DropZone:

.dz-max-files-reached { 
     pointer-events: none; 
     cursor: default; 
} 

Я просто проверял, и это не позволяет перетаскивание, а также.

Кредит: this answer

Answer 2

Пожалуйста, добавьте код, приведенный ниже,

init: function() { 
this.on('addedfile', function(file) { 
    if (this.files.length > 1) { 
    this.removeFile(this.files[0]); 
    } 
}); 
}