Solución fácil :
creas una función que llame a la imagen y luego otra función que la retire :
Código Javascript
:
Ver originalfunction cargar_imagen() { $('#contenedorImg').html("<img src='turuta/tuloader.gif'/>").fadeIn('fast'); }
function esconde_imagen() { $('#contenedorImg').fadeOut('fast'); }
Luego en tu función ajax :
Código Javascript
:
Ver original$("#boton").click(function() {
var inputFileImage = document.getElementById("foto");
var file = inputFileImage.files[0];
var data = new FormData();
data.append("foto",file);
var url = "miphp.php";
cargar_imagen();
$.ajax({
url:url,
type:'POST',
contentType:false,
data:data,
processData:false,
cache:false,
success: esconde_imagen()
});
});
Y listo!
Saludos!