Javascript Girl
  1. Javascript Girl
  3. Dropzone multiple dans une seule page
Intereting Posts
Pourquoi certaines fonctions intégrées dans IE8 ne sont-elles pas des instances de Fonction? JQuery Mobile Select Box ne fonctionne pas Tomcat 7.0.50 java webscoket implementation donne 404 erreur Pouvez-vous détecter «Mode Tablette» dans Edge et IE11 en utilisant JavaScript sur Windows 10? Function.prototype.bind Le moyen le plus sûr de sélectionner tous les boutons radio sans attribut de valeur Browser Neutral Way pour ajouter des options à un élément sélectionné en javascript Erreur non détectée: le module ne s'est pas enregistré automatiquement Initialisation d'un tableau à valeur unique Problème lors de la création d'une fusion de publipostage «à l'ancienne» avec Google Apps Script Surpassant une fonction dans le plugin de validation jquery Calcul de l'utilisation de l'espace de stockage local Comment convertir une chaîne en tant que nom de champ de l'objet en javascript Ecrit le JSON formaté dans Node.js Jquery: comment dormir ou retarder?

Dropzone multiple dans une seule page

J'utilise Dropzone sans créer de formulaire dropzone. Cela fonctionne très bien pour moi de cette façon.

Mais dans ce cas, je ne peux pas créer une autre instance de Dropzone dans ma page. 

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

Quand je fais cela, je reçois l'erreur Dropzone already attached.

C'est possible, mais vous ne pouvez pas lier un deuxième dropdzone sur le même élément, comme vous l'avez fait. 2 Dropzones sur un élément n'a aucun sens. 2x document.body dans votre solution atm. Essaye ça…

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