Estoy usando la libreria dropzone.js para que se pueda ver un preview de la imagen antes de subirla. He estado teniendo problemas para adaptar el formulario (que al parecer el area de soltar archivos ocupa todo el formulario y no funcionan las opciones para cambiar esta area a otro contenedor y aunque se usen sigue ocupando todo el form).
Encontré una opción (que no venia en la web) para poner (append) el <input type="file"> donde se desee, asi que lo puse dentro de un div en mi formulario, pero al parecer los archivos no se están subiendo (creo que se debe a un evento de la libreria, aparte de que tengo que poner una opción para que no se suban automaticamente).
Modifique un poco la libreria para que le pusiera el atributo "name="file[]"" (linea 548) al hidden input y ahora si parece que funciona pero al contar los archivos solo cuenta 1...
Código
_this.hiddenFileInput.setAttribute("name", "file[]");
Ahora el input que crea es el siguiente (dentro de mi form):
Código
<input class="dz-hidden-input" type="file" name="file[]" multiple="multiple" accept="image/*" style="visibility: hidden; position: absolute; top: 0px; left: 0px; height: 0px; width: 0px;">
En php cuento los archivos pero siempre imprime 1:
Código
echo $file_count;
Y por ultimo las opciones que le doy al instanciarse:
Código
Dropzone.options.myAwesomeDropzone = { url: 'upload.php', paramName: "file", acceptedFiles: 'image/*', addRemoveLinks: true, parallelUploads: 6, maxFilesize: 6, maxFiles: 6, autoDiscover: false, autoProcessQueue: false, uploadMultiple: true, hiddenInputContainer: '#inputFile', init: function () { thisDropzone = this; thisDropzone.on("maxfilesexceeded", function(file) { thisDropzone.removeFile(file); }); } };
Me gustaría saber si hay alguna manera de comprobar que los archivos soltados en el area estan realmente en el hidden input type file, porque no lo parece...
Al final va ser más facil crear los previews que estar dependiendo de esta libreria...