Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Dropzone.js事件在drop end之后和上载之前_Javascript_Events_Dropzone.js - Fatal编程技术网

Javascript Dropzone.js事件在drop end之后和上载之前

Javascript Dropzone.js事件在drop end之后和上载之前,javascript,events,dropzone.js,Javascript,Events,Dropzone.js,我正在寻找一个dropzone.js事件,该事件在删除结束后和上载之前引发 我需要的是一次访问所有关于删除文件的信息,而不是逐个文件,因此addedfile事件不是一个选项 我认为dragend事件是合适的,但是当我将文件放入dropzone时,它不会被触发 this.on("selectedfiles", function(listFiles) { cont_files = listFiles.length; }); 我正在使用的代码段如下所示: D

我正在寻找一个
dropzone.js
事件,该事件在删除结束后和上载之前引发

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

我认为
dragend
事件是合适的,但是当我将文件放入dropzone时,它不会被触发

 this.on("selectedfiles", function(listFiles) {
            cont_files = listFiles.length;
        });
我正在使用的代码段如下所示:

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
中是否有其他事件用于此目的?

如果您想对drop事件进行回调,应使用“drop”。在此事件中,请查看“文件”数组。但是请注意,如果用户单击dropzone并从中选择文件,则不会触发此事件

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);            
        });

    }
};

查看此小提琴示例:

最后,我使用了
selectedfiles
事件,该事件响应dropzone的拖放和单击操作

 this.on("selectedfiles", function(listFiles) {
            cont_files = listFiles.length;
        });
有一个调用,它将在“拖放”和手动文件选择时启动

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

在我的例子中,它只在拖放时起作用,而不是在文件对话框中选择时起作用。