最大文件超过事件未在拖放区 JS 中触发



这似乎是一个非常奇怪的问题。所有其他事件都会触发,但不会触发这两个事件。也许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>

这对我有用:

$(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");
}
};
});