想要使用dropzone.js创建多个dropzone

阿萨德·阿里·巴蒂（Asad Ali Bhatti）

我正在制作一个具有两个不同拖放区域的比较应用程序。每个图像都应像一个单独的拖放区一样（以替换或删除每个图像）。

问题：

var previewaDropzone = new Dropzone("div#previewa",{url:'/url1.json'});
var previewbDropzone = new Dropzone("div#previewb",{url:'/url2.json'});

但是dropzone抛出异常

Dropzone已连接。

注意：我不能使用dropzone.js的模板，因为两个区域都在不同的地方

有什么办法可以使用Dropzone实现上述功能？

杰森·斯珀斯凯（Jason Sperske）

从Dropzone常见问题解答

我收到错误消息“ Dropzone已连接”。创建Dropzone时。

这很可能是由于Dropzone的自动发现功能所致。

Dropzone启动时，它将扫描整个文档，并查找具有dropzone类的元素。然后，它为找到的每个元素创建一个Dropzone实例。如果稍后再自己创建一个Dropzone实例，则将创建另一个导致该错误的Dropzone实例。

因此，您可以：
Turn off autoDiscover globally like this: Dropzone.autoDiscover = false;, or
Turn off autoDiscover of specific elements like this: Dropzone.options.myAwesomeDropzone = false;

You don't have to create an instance of Dropzone programmatically in most situations! It's recommended to leave autoDiscover enabled,
并在配置的init选项中配置Dropzone。

在常见问题解答的更下方，您可以看到init()可以使用的函数示例，如下所示：

<script>
  // previewa is the configuration for the element that has an id attribute
  // with the value previewa
  Dropzone.options.previewa = {
    init: function() {
      Dropzone.options.previewaDropzone = false;
    }
  };
</script>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。