DropZone：“未提供 URL”和“已附加 Dropzone”。答案

【问题标题】：DropZone: "No URL provided" and "Dropzone already attached."DropZone：“未提供 URL”和“已附加 Dropzone”。
【发布时间】：2018-03-15 01:36:52
【问题描述】：

我正在使用 dropzone 和 jquery。我有这个代码：

  <div id="my-image">
    <!-- .......... -->
  </div>

和

  <script type="text/javascript">
    Dropzone.autoDiscover = false;

    $(document).ready(function() {
      var image_uploader = new Dropzone("#upload-image", {url: "/image_uploader", acceptedFiles : "image/*",
                                                          maxFiles: 1, maxFilesize: 1, autoDiscover: false});

      //.................

但我有这两个错误：

//dropzone.js:712
Uncaught Error: No URL provided.
    at new Dropzone (dropzone.js:712)
    at Function.Dropzone.discover (dropzone.js:1641)
    at Dropzone._autoDiscoverFunction (dropzone.js:1923)
    at HTMLDocument.init (dropzone.js:1892)

还有：

//jquery-3.3.1.min.js:2

Uncaught Error: Dropzone already attached.
  at new Dropzone (dropzone.js:699)
  at HTMLDocument.<anonymous> ((index):221)
  at l (jquery-3.3.1.min.js:2)
  at c (jquery-3.3.1.min.js:2)

它们为什么会发生？如何解决？

【问题讨论】：

标签： javascript jquery image dropzone.js

【解决方案1】：

对于第一个错误，您必须在$(document).ready(function (){}) 之前添加Dropzone.autoDiscover = false;

对于第二个错误，我认为您将 Dropzopne.js 声明了两次。

【讨论】：

P.S.您需要在$(document).ready(function (){}) 之外使用Dropzone.autoDiscover = false; 的原因是，当 document.ready 函数触发时，所有库都已加载（包括 Dropzone），这意味着它将根据其默认配置自动开始搜索。通过在文档准备好之前运行它，您将覆盖该库的特定默认值。