Estoy tratando de poner dos formularios de dropzone en una sola página y todas las funciones como cargar, mostrar, eliminar funcionan como deberían, pero el segundo formulario no muestra el texto "soltar archivos aquí".
Quiero tener diferentes textos para cada formulario como "soltar imágenes aquí" y "soltar documentos aquí". ¿Cómo puedo conseguir esto?
Mi código se ve así:
html:
<div class="first"> <div class="inner"> <form class="dropzone" id="mydropzone" action="up.php"></form> </div> </div> <div class="second"> <div class="inner"> <form class="dropzone2" id="mydropzone2" action="up2.php"></form> </div> </div> <script> Dropzone.autoDiscover = false; Dropzone.options.mydropzone = { dictDefaultMessage: "my custom text one!" }; $(".dropzone").dropzone({ //dropzone stuff here like show already uploaded files, delete, etc... }); Dropzone.options.mydropzone2 = { dictDefaultMessage: "my custom text two!" }; $(".dropzone2").dropzone({ //dropzone stuff here like show already uploaded files, delete, etc... }); </script>Utiliza la clase dropzone2 para su segunda zona de descenso, por lo que dropzone.js no puede reconocerla como una zona de descenso. Además, parece que cambiar las opciones de la zona de caída después de llamar a la primera zona de caída impide los cambios de opción.
Prueba esto, espero que te ayude
<div class="first"> <div class="inner"> <form class="dropzone" id="mydropzone" action="up.php"></form> </div> </div> <div class="second"> <div class="inner"> <form class="dropzone" id="mydropzone2" action="up2.php"></form> </div> </div> <script> Dropzone.autoDiscover = false; Dropzone.options.mydropzone = { dictDefaultMessage: "my custom text one!" }; Dropzone.options.mydropzone2 = { dictDefaultMessage: "my custom text two!" }; $("#mydropzone").dropzone({ //dropzone stuff here like show already uploaded files, delete, etc... }); $("#mydropzone2").dropzone({ //dropzone stuff here like show already uploaded files, delete, etc... }); </script>