Javascript 单个页面中的多个Dropzone

Javascript 单个页面中的多个Dropzone,javascript,file-upload,dropzone.js,Javascript,File Upload,Dropzone.js,我正在使用Dropzone,但没有创建Dropzone表单。这样对我来说很有用 但是在这种情况下,我不能在我的页面中创建Dropzone的另一个实例 var myDropzone1 = new Dropzone( document.body, { url : "upload1"... . . . some parameters }; var myDr

我正在使用Dropzone,但没有创建Dropzone表单。这样对我来说很有用

但是在这种情况下,我不能在我的页面中创建Dropzone的另一个实例

var myDropzone1 = new Dropzone(
        document.body,
        {
            url : "upload1"...
            .
            .
            . some parameters
         };

var myDropzone2 = new Dropzone(
        document.body,
        {
            url : "upload'"...
            .
            .
            . some parameters
         };

当我这样做时,我得到的错误是已经附加了Dropzone。

这是可能的,但是您不能像以前那样在同一个元素上绑定第二个dropdzone。一个元素上有两个DropZone毫无意义。解决方案atm中的2x document.body。试试这个

HTML:


我想在这里添加一些东西,因为我在同一页面上遇到了多个DropZone的问题

在您的init代码中,如果放置引用,您必须记住包含var,否则它不会处理dropzone的这个实例,而是试图访问/关联其他实例

简单的javascript,但有很大的不同

init:       function(){
    var dzClosure = this;

    $('#Btn').on('click',function(e) {
        dzClosure.processQueue();
    });

我是否需要创建两个不同的dropzone表单来处理此问题?我可以放置什么来代替“document.body”?我收到此错误:“未捕获错误:dropzone已附加”。禁用自动发现,您就可以了。如果内容是动态的,该怎么办?所以有时候我可能有两到三个DropZone:)asp.net站点只是忽略了标记。
var myDropzoneTheFirst = new Dropzone(
        //id of drop zone element 1
        '#a-form-element', { 
            url : "uploadUrl/1"
        }
    );

var myDropzoneTheSecond = new Dropzone(
        //id of drop zone element 2
        '#an-other-form-element', { 
            url : "uploadUrl/2"
        }
    );
init:       function(){
    var dzClosure = this;

    $('#Btn').on('click',function(e) {
        dzClosure.processQueue();
    });