为什么dropzonejs以编程方式工作不正常?

时间:2015-11-14 15:40:30

标签: javascript image-uploading dropzone.js

我正在开发一个Web应用程序。对于文件上传,我想使用dropzonejs  以编程方式,但它不能很好地工作。您可以在jsfiddle.net here上看到示例。

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

1 个答案:

答案 0 :(得分:1)

您需要将autoDiscover功能设置为false,否则dropzone将使用默认选项加载并抛出错误dropzone already attached,并且由于您使用的是div,因此默认初始化不会起作用,因为需要一个网址。

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