在使用Dropzone.js添加文件之前,是否可以有弹出选项

Is it possible to have popup options before adding a file using Dropzone.js?

本文关键字:是否 选项 Dropzone js 添加 文件      更新时间:2024-05-11

我正在尝试实现以下工作流程:

  • 用户将文件拖动到dropzone区域
  • 显示引导模式弹出窗口(为用户提供一些设置)
  • 在该模式中按"OK"后,将添加文件

我尝试捕捉"drop"answers"addedfile",但这两个选项都不能让我选择推迟"accept"事件。

我知道我可以通过编辑dropzone.js来添加这个功能,但我想确保在添加之前不会错过一些现有的功能

您可以拦截addedfile事件,可能与您的想法一样。但是要从dz队列中删除该文件,需要在截获事件时调用removeFile

Dropzone.options.myDropzone = {
    init: function () {
        this.on("complete", function (file) {
            console.log('Done!');
        });
        this.on("addedfile", function (file) {
            if(!confirm("Do you want to upload the file?")){
                this.removeFile(file);
                return false;
            }
        });
    }
};

您应该能够将对引导程序确认对话框的调用与js确认对话框进行交换。