Tengo una ventana modal desde la cual subo(busco la imagen en mi PC) y visualizo una imagen.A la vez tengo otro boton que es para guardar la foto en la base de datos.
Mi pregunta es:¿Como utilizo la funcion Before send de JQuery para mostrar un spinner o una imagen para dar a conocer que la foto está cargando o tomándose su tiempo antes de visualizarse.?
¿Como coloco el código necesario?
Aqui esta el codigo que uso.
function showMyImage(fileInput) {
var files = fileInput.files;
for (var i = 0; i < files.length; i++) {
var file = files[i];
var imageType = /image.*/;
if (!file.type.match(imageType)) {
continue;
}
var img=document.getElementById("thumbnil");
img.file = file;
var reader = new FileReader();
reader.onload = (function(aImg) {
return function(e) {
aImg.src = e.target.result;
};
})(img);
reader.readAsDataURL(file);
}
}
<div class="img-wrapper-pic-profile">
<img id="thumbnil" width="150px" height="150px" src="" alt="Foto aqui.!"/>
</div>
<input name="foto" type="file" accept="image/*" onchange="showMyImage(this)" class="pic-input"/>