dropzone.js Hola a todos!!!!
Espero me puedan ayudar.
Tengo una aplicacion web hecha con jsp.
Una de las paginas es para subir imagenes y quiero hacerlo con dropzone.
Mi problema es que no se hacerlo. Tengo el codigo de arrastrar las imagenes al recuadro pero no se como cojerlas para convertirlas a base64 e insertarlas en mi base de datos.
Aca les dejo lo que tengo hecho.
Espero me puedan ayudar.
Gracias por adelantado.
<form class="dropzone"action="/file-upload" enctype="multipart/form-data">
<div id="dropzonePreview" style=" width: 100%"></div>
<input type="submit" id="sbmtbtn" value="Subir fotos" />
</form>
<script>
Dropzone.options.mydropzone = {
addRemoveLinks: true ,
paramName: "file",
maxFilesize: 5, // MB, maximo de archivos
maxThumbnailFilesize: 5,// MB, Cuando el peso del archivo excede este límite, no se generará la imagen en miniatura
maxFiles: 4,
acceptedFiles: ".jpeg,.jpg,.png,.JPEG,.JPG,.PNG",// Archivos permitidos
addRemoveLinks: true ,
accept: function(file, done) {
console.log("uploaded");
done();
},
init: function() {
this.on("maxfilesexceeded", function(file){
alert("No more files please!");
});
},
dictCancelUpload: true,//cancelarrchivo al subir
dictCancelUploadConfirmation: true,//confirma la cancelacion
dictRemoveFile: 'Remove.',
dictMaxFilesExceeded: 'limit reached',
dictFallbackMessage: 'Your browser does not support drag drop file uploads',
dictInvalidFileType: 'File invalid',
};
</script>
