DropZone.js - 在选择文件后立即在屏幕上输入错误

Question

我正在使用dropzone.js，并尝试弄清楚如何在dropzone UI中显示文件之前抛出错误。

 Dropzone.autoDiscover = false; 
     var myDropzone = new Dropzone("#fileUpload", { url: "/myUrl/file", maxFiles: 1, maxFilesize: 2,
                    accept: function(file, done) {            
                                    var splitFileName = file.name.split(".");                    
                                    if (splitFileName[splitFileName.length - 1] != "bbb") {                                                                        
                                        done("Error! Files of this type are not accepted");                                    
                                    }
                                    else { done(); }
                                }                         
                    });
 myDropzone.options.acceptedFiles = '.bbb';

假设用户拖动了一个不带.bbb扩展名的文件，那么该文件仍显示在dropzone中（带有＆＃39; X＆＃39;符号）。

是否有可能不在dropzone中显示该文件，甚至显示相关错误？

Answer 1

我发现您可以使用有用的removeFile方法和addedfile事件来轻松实现此类功能。

myDropzone.on("addedfile", function(file) {
});

在此处理程序中，您可以删除带有.bbb扩展名的文件，并设置您希望的任何行为。