2014-10-30 5 views
9

Sto usando Dropzone senza creare una forma di dropzone. Funziona alla grande per me in questo modo.Dropzone multiplo in una singola pagina

Ma in questo caso non riesco a creare un'altra istanza di Dropzone nella mia pagina.

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

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

Quando faccio questo, io sto ottenendo l'errore Dropzone already attached.

+0

Ho bisogno di creare 2 forma diversa zona di lancio per gestire questa cosa posso mettere al posto di 'document.body' ? – mekafe

risposta

17

E 'possibile, ma non è possibile associare una seconda dropdzone sullo stesso elemento, come avete fatto. 2 Dropzone su un elemento non ha senso. 2x document.body nella tua soluzione atm. Prova questo ...

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

Questo funziona per me.grazie! – mekafe

+0

Ricevo questo errore: "Errore non rilevato: Dropzone già associato." –

+0

Disabilita l'autodiscover e starai bene. – lin