單個頁面中的多個Dropzone

Question

我使用Dropzone而不創建一個dropzone表單。這對我來說非常有用。

但在這種情況下，我無法在我的頁面中創建另一個Dropzone實例。

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

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

當我這樣做，我得到的錯誤Dropzone already attached.

Answer 1

這是可能的，但你不能在相同的元素結合第二種dropdzone，像你一樣。一個元素上的2個Dropzones是沒有意義的。 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(
     '#a-form-element', //id of drop zone element 1 
     { 
      url : "uploadUrl/1" 
     } 
    ); 

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