Mira, yo creo que lo que buscas es algo como esto...
es un JS que muestra un gif solo cuando haces clic en el boton enviar.
Código HTML:
<!doctype html>
<html>
<head>
<script language="JavaScript" type="text/javascript">
function enviar( pagina ){
document.getElementById('preload').style.display = '';
document.formulario.Enviar.disabled = true;
}
</script>
</head>
<body>
<form name="formulario" id="formulario" action="subearchivo.php" method="post" enctype="multipart/form-data">
<p>
Seleccione el archivo
</p>
<P>
<input name="userfile" type="file">
<br>
<img src="img/preloader.gif" id="preload" style="display:none;" align="left" />
<br>
<input type="submit" value="Enviar" onclick="enviar()">
</p>
</form>
</body>
</html>