dropzone.js在没有dropzone的页面上给出错误"Invalid dropzone element“

Question

我正在使用dropzone js，它在我需要dropzone的页面上工作得很好。然而，在任何其他页面上，它都会给我一条"Invalid dropzone element"错误消息，并导致我的其他javascript出现问题。

我有一个自定义的JS文件(它紧跟在dropzone.js文件之后加载)，在文件的最顶端有下面一行代码：

Dropzone.autoDiscover = false;

这应该会阻止它查看任何我没有通过编程启用它的页面。只有在存在有效dropzone的页面上，错误才会消失。

我还在dropzone.js的1470行设置了以下代码，以尝试在那里启用它：

Dropzone.autoDiscover = false;

我怎样才能摆脱这个错误？

Answer 1

使用纯JS，您可以尝试这样做：

if (document.getElementById('DropzoneElementId')) {
  var myDropzone = new Dropzone("div#DropzoneElementId", { url: "/file/post"});
  // other code here
}

或者，如果您使用jQuery：

if ($('#DropzoneElementId').length) {
  $("div#DropzoneElementId").dropzone({ url: "/file/post" });
  // other code here
}

Answer 2

很久以前，但是:将脚本放在表单元素之后，错误就消失了。

Answer 3

使用jQuery，检查目标元素是否存在不是必需的。

$(".my_element").dropzone(dropzone_options);