한 페이지의 여러 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 개의 Dropzone이 적용되지 않습니다. 2 배의 document.body, 솔루션 atm. ...이 시도

HTML :

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

자바 스크립트 :

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