Dropzone.js：触发事件时停止添加到队列

Question

我正在使用Dropzone.js，并希望在触发某个事件（maxfilesreached）时将文件停止添加到队列中。

假设我在“浏览”窗口中选择了15个文件，但我的maxFiles限制为10.在11日，会触发maxfilesreached事件。此时我希望剩下的5个文件不会被添加到队列中。

以下是我现在所拥有的：

init : function() {
                    this.on('maxfilesreached', function(e){
                        alert("I want to stop adding stuff to the queue here");
                    });

我想在已经选择了太多文件时取消队列的所有未来添加。我该怎么办？

提前致谢

一个。

Answer 1

试试这个，

var myDropzone = new Dropzone("#dropzone", {
  acceptedFiles: ".jpeg,.jpg,.png,.gif,.TIF,.JPEG,.JPG,.PNG,.GIF",
  addRemoveLinks: true,
  parallelUploads: 2,
  thumbnailWidth: "80",
  thumbnailHeight: "80",
  dictCancelUpload: "Cancel",
  autoProcessQueue: false
});

其中#dropzone是您的dropzone id，无论是表单ID还是div id。 parallelUploads: 5,是将最大文件设置为uplaod。

Answer 2

我应该知道。 RTFM。对我和我的家人感到羞耻。

从FAQ开始，这是正确的方法：

this.on('maxfilesexceeded',function(file) {
    this.removeFile(file);
    alert("Oh wait you've exceeded your quota.");
});

我现在要去戴一个耻辱的锥体。