为什么以编程方式 dropzone js 不能正常工作？

Question

我正在开发网络应用程序。对于文件上传，我想使用 dropzonejs 以编程方式，但效果不佳。您可以在 jsfiddle.net here.

上查看示例

var myDropzone = new Dropzone("div#myDropZone", { url: "upload.php"});

Answer 1

您需要将 autoDiscover 功能设置为 false，否则 dropzone 将使用默认选项加载并抛出错误 dropzone already attached，并且由于您使用的是 div，默认初始化为也不会工作，因为需要 url。

html:

<body onload="me()">
   <h1>Drag&amp;Drop Multiple Files Upload using DropzoneJS</h1>
   <div class="image_upload_div">
      <div id="myDropZone" class="dropzone" ></div>     
   </div>
</body>

js:

Dropzone.autoDiscover = false;
var me = function () {
    var myDropzone = new Dropzone("div#myDropZone", {
        url: "upload.php"
    });
}

Fiddle

为什么以编程方式 dropzone js 不能正常工作？

why dropzonejs programatically does not work fine?

javascript

image-uploading

dropzone.js