Dropzonoe ограничивает количество файлов, загружаемых за один раз, и показывает сообщение об ошибке

Question

Вот мой код для опций dropzone. Предположим, что я хочу загружать 2 файла одновременно, и всего 5 файлов, я получил сообщение об ошибке maxfileexceeded для загрузки более 5 файлов в этой зоне сброса. Что мне нужно, так это то, что если пользователь пытается загрузить более 2 файлов одновременно, должно появиться сообщение и удалить другие файлы.

Dropzone.options.dropzone =
         {
            maxFilesize: 2,
            maxFiles: 5,
            autoProcessQueue: true,
            parallelUploads: 2,
            renameFile: function(file) {
                var dt = new Date();
                var time = dt.getTime();
               return time+file.name;
            },
            acceptedFiles: ".jpeg,.jpg,.png,.gif,.pdf",
            addRemoveLinks: false,
            timeout: 300000,
            error: function(file, response)
            {
               return response;
            },
            init: function() {
                this.on("maxfilesexceeded", function(file){
                    this.removeFile(file);
                    showAlert("File Limit exceeded!","error");
                });
            }
        };

Моя Dropzone

<form method="post" action="{{url('/saveEventFile')}}" enctype="multipart/form-data" 
                    class="dropzone" id="dropzone">
                @csrf
        </form> 

Answer 1

может быть, это работает для вас, установите autoQueue на false, а затем добавьте событие на addedfile

Dropzone.options.dropzone =
             {
                maxFilesize: 2,
                maxFiles: 5,
                autoQueue:false,
                autoProcessQueue: true,
                parallelUploads: 2,
                renameFile: function(file) {
                    var dt = new Date();
                    var time = dt.getTime();
                   return time+file.name;
                },
                acceptedFiles: ".jpeg,.jpg,.png,.gif,.pdf",
                addRemoveLinks: false,
                timeout: 300000,
                error: function(file, response)
                {
                   return response;
                },
                init: function() {
                    this.on("maxfilesexceeded", function(file){
                        this.removeFile(file);
                        showAlert("File Limit exceeded!","error");
                    });
        this.on("addedfile", function(file) { if(this.files.length<=2){enqueueFile(file);} this.processQueue();});


                }
            };