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

Question

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

• 用户将文件拖动到拖放区
• 显示引导模式弹出窗口(为用户提供一些设置)
• 在该模式中按“确定”后，文件将被添加。

我 try catch “drop”和“addedfile”，但这两者都没有给我推迟“accept”事件的选项。

我知道我可以通过编辑 dropzone.js 添加此功能，但我想确保在这样做之前我没有错过一些现有功能。

Answer 1

你可以拦截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 确认对话框交换。