放置结束后上传前的 Dropzone.js 事件答案

【问题标题】：Dropzone.js event after drop end and before uploading放置结束后上传前的 Dropzone.js 事件
【发布时间】：2015-10-28 13:29:48
【问题描述】：

我正在寻找一个 dropzone.js 事件，该事件在放置结束后上传之前引发。

我需要的是一次访问有关已删除文件的所有信息，而不是逐个文件，因此 addedfile 事件不是一个选项。

我认为dragend 事件是合适的，但是当我将文件放到我的 dropzone 中时它没有被触发。

我使用的代码 sn-p 如下所示：

Dropzone.options.myDropzone = {
    // Prevents Dropzone from uploading dropped files immediately
    autoProcessQueue : false,
    dictDefaultMessage: "Drop files or click here to upload a new DICOM series ...",
    init : function() {

        myDropzone = this;

        //Restore initial message when queue has been completed
        this.on("dragend", function(file) {
            console.log("ondragend");            
        });

    }

};

我错过了什么吗？ dropzone.js 有没有其他活动为此目的？

【问题讨论】：

标签： javascript events dropzone.js

【解决方案1】：

有一个名为addedfiles 的event，它将在“拖放”和手动文件选择时触发。

this.on("addedfiles", function(files) {
     console.log(files.length + ' files added');
});

【讨论】：

【解决方案2】：

如果你想回调 drop 事件，你应该使用 'drop'。在事件中查看“文件”数组。但请注意，如果用户单击放置区并从中选择文件，则不会触发此事件。

Dropzone.options.MyDropzone = {
    autoProcessQueue : false,
    dictDefaultMessage: "Drop files or click here to upload a new DICOM series ...",
    init : function() {

        myDropzone = this;

        //Restore initial message when queue has been completed
        this.on("drop", function(event) {
            console.log(myDropzone.files);            
        });

    }
};

例如看这个小提琴：jsfiddle.net/qqkbzv5a/2/

【讨论】：

在我的情况下，它仅在拖放时有效，而不是在文件对话框中选择时有效。

【解决方案3】：

最后我使用了selectedfiles 事件，该事件响应放置区域的放置和单击操作。

 this.on("selectedfiles", function(listFiles) {
            cont_files = listFiles.length;
        });

【讨论】：