ayuda subir imagen y poner gif de carga mientras sube

[alfoner]

cuando voy a subir una imagen quiero poner que mientras se sube el tiempo que tarda alla un gif de carga pero cuando pongo esta funcion me aparece pero el gif se queda parado.




<script language="JavaScript" type="text/javascript">
function enviar( pagina ){
document.getElementById('preload').style.display = '';
document.formulario.boton.disabled = true;
}
</script>

<input type="submit" name="submit" value="Subir logo" onclick="enviar()" />
<img src="imagenes/cargando.gif" id="preload" style="display:none" />

[walterdevel]

Todo depende como estés haciendo el upload, si se está "trabando" la página no se va a mover hasta que termine. Se necesita ver algo de código para saber, aunque de todas formas es una pregunta para el foro de javascript y no de php.

[anacona16]

Bueno yo he hecho lo que necesitas en un proyecto que tenia lo hice con jQuery es muy sencillo, aqui el codigo:

Código HTML:

<img src="http://www.forosdelweb.com/../img/limbox/loading.gif" alt="Cargando" name="cargando" width="31" height="31" id="cargando" style="display:none" />
 

Código Javascript:

$('#btnGuardar').live('click', function(){
        $('#cargando').attr("style",'inherit');
    })
 

Nota: No te olvides de incluir la libreria jQuery

[p414]

ahm q yo sepa no se puede hacer un $.ajax de un input file :S.... hay una forma de hacerlo pero es un "hack" por decirlo de alguna manera... segun lei hace unas semanas (yo tambien lo quize implementar jojo ) el problema es el encriptado del data del form... dejame vuelvo a buscar en mi compu las paginas donde encontre informacion sobre eso y te lo posteo.