maxfilesexceeded 事件未在 dropzone js 中触发

Question

这似乎是一个很奇怪的问题。所有其他事件都会被触发，但不会触发这两个事件。也许 maxFiles 也没有工作，最终这些事件没有触发。我做错了什么吗？

代码如下：

$(document).ready(function(){
  Dropzone.autoDiscover = true;
  Dropzone.options.myDropzone = {
    paramName: "file",
    maxFilesize: 5,
    maxFiles: 1,
    accept: function(file, done) {
      console.log("done");
    },
    init: function(){
      console.log(this); //WORKS
      this.on("maxfilesexceeded", function(file){
         alert("sdf"); //DOESN'T WORK
      });
      this.on("maxfilesreached", function(file){
         alert("sdf"); //DOESN'T WORK
      });
      this.on("addedfile", function(file){
        console.log("added", file); //WORKS
      });
    }
  };
});

<div class="container">
  <div class="login-form">
    <h3>Login to Conversation</h3>
    <form action="test.php" class="form-inline dropzone" id="my-dropzone" enctype="multipart/form-data">
        <input name="file" type="file" class="form-control">
  </form>
  </div>
</div>

Answer 1

这对我有用：

$(document).ready(function(){
    Dropzone.autoDiscover = true;
    Dropzone.options.myDropzone = {
    paramName: "file",
    maxFilesize: 5,
    maxFiles: 1,
    maxfilesexceeded: function(file) {
      console.log('exceeded')
    },
    maxfilesreached: function(file) {
      console.log('reached')
    },
    accept: function(file, done) {
      console.log("done");
    }
  };
});

maxfilesexceeded 事件未在 dropzone js 中触发

maxfilesexceeded event is not firing in dropzone js

html

javascript

css

jquery

dropzone.js