带有 HTML 元素的 dropzone.js答案

【问题标题】：dropzone.js with HTML element带有 HTML 元素的 dropzone.js
【发布时间】：2021-07-21 10:44:20
【问题描述】：

在文档中找不到任何关于使用带有简单 HTML 元素的 dropzone.js 的内容。我正在使用它来上传文件，并且我正在尝试添加此功能：当在其中放置一个 HTML 元素时，我将使用 html 中的数据来做一些事情（即移动已经上传的文件）。试图拖动 HTML 元素，但我注意到“drop”事件被触发了多次。从操作系统中删除文件时，它会被触发一次……我不明白为什么会这样！谢谢你的建议。

var myDropzone = new Dropzone(target, {
  url: "./fake", // fake, must be indicated for the plugin but I do not use it
  autoProcessQueue: false,
  clickable: false,
});

myDropzone.on("drop", (ev) => {
    //do something
})

【问题讨论】：

你也可以使用addEventListener的dragstart等拖动事件来实现。
对不起，你是什么意思？我需要听 drop 事件，但我不明白为什么在一次 drop 上被多次触发...
不，我的意思是您正在使用 dropzone.js 进行拖放事件...您也可以使用事件侦听器来做到这一点。

标签： javascript dropzone.js

【解决方案1】：

我真傻。

忘记使用 stopImmediatePropagation。

myDropzone.on("drop", (ev) => {
    ev.stopImmediatePropagation();
    //do something
})

【讨论】：