javascript – 单个页面中的多个Dropzone

我正在使用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. 2个元素上的Dropzones毫无意义.解决方案atm中的2x document.body.尝试这个…

HTML：

<form action="/file-upload" class="dropzone" id="a-form-element"></form>
<form action="/file-upload" class="dropzone" id="an-other-form-element"></form>

JavaScript的：

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"
        }
    );

标签：javascript,file-upload,dropzone-js
来源： https://codeday.me/bug/20191001/1840534.html