为什么dropzonejs的程序无法正常工作

why dropzonejs programatically does not work fine?

本文关键字:常工作 工作 dropzonejs 程序 为什么      更新时间:2023-09-26

我正在开发一个web应用程序。对于文件上传,我想使用dropzonejs程序化的,但效果不好。您可以在此处查看jsfiddle.net上的示例。

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

您需要将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