varformData=newFormData();//La imagen va aquí, en esta estructura.
varfile=$("#fileBrowse")[0].files;//Se obtiene la imagen.
console.log(file);
console.log(file.length);
if(file.length==1){
console.log(file[0]);
formData.append("tipo","imagen");//Se añade el tipo de peticion para poder ser gestionada mediante el controlador.
formData.append("miFichero",file[0]);//Se añade el fichero, el nombre que aparece al comienzo es el que permitirá recuperar el mismo en el servidor.
$(".modal-loader").css("display","block");
$.ajax({
type:"POST",
url:"/",
data:formData,
contentType:false,//De este modo no se añade el tipo de contenido en la cabecera.
processData:false,//Incluyendo esta opción se evita que se combiertan los datos transferidos a texto puesto que no se desea que el fichero se convierta en texto.
success:function(response){
document.getElementById("btnResultado").submit();
},
error:function(error){
console.log(error);
$(".modal-loader").css("display","none");
alert("Error",error);
}
});
}
else{
alert("Debe subir una única imagen");
}
}
//Permite cambiar la etiqueta al nombre del fichero (se lanza cuando se elige el fichero).
$("#fileBrowse").change(verificarFichero);
//Se lanza cuando se arrastra.
$("#drop_zone").on("drop",function(event){
event.preventDefault();//Evitamos la acción por defecto cuando arrastras un elemento al navegador.
$("#fileBrowse")[0].files=event.originalEvent.dataTransfer.files;//Se asigna el fichero al input.
verificarFichero();
});
//Cuando se arrastra un fichero dentro del cuadro donde se depositan.
if(file[0]!=null){//Se busca solucionar la excepción que se produce en chrome por llamar varias veces a verificarFichero generando las últimas excepción.
varextension=getFileExtension(file[0].name);
if(extension=="jpg"||extension=="JPG"||extension=="PNG"||extension=="png"||extension=="jpeg"||extension=="JPEG"){//Comprobamos que la extensión se corresponda con las existentes.