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擴展，那麼文件在懸浮窗（帶有「X」符號）仍然顯示。

是否有可能不在dropzone中顯示該文件，甚至顯示相關錯誤？

Answer 1

我想通過使用有幫助的removeFile方法和addedfile事件可以輕鬆實現這種功能。

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

這裏面處理，你可以刪除文件與.bbb擴展並設置你想要的任何一種行爲。