Mostrar gif animado mientras se sube fichero al servidor

[gogupe]

Hola, he sacado este ejemplo de la web, sirve para subir fichero al servidor.

Lo que quiero hacer es mostrar un gif animado mientras dura el tiempo del upload.

Código:

<form action="subearchivo.php"  method="post" enctype="multipart/form-data">

    <input type="hidden" name="MAX_FILE_SIZE" value="1000000">

    Enviar fotografía 1:
    <br>
    <input name="userfile" type="file">
    <br>
    <input type="submit" value="Enviar">
</form>

suberarchivo.php

Código:

<?
//datos del arhivo
$nombre_archivo = $HTTP_POST_FILES['userfile']['name'];
$tipo_archivo = $HTTP_POST_FILES['userfile']['type'];
$tamano_archivo = $HTTP_POST_FILES['userfile']['size'];
//compruebo si las características del archivo son las que deseo
if (!((strpos($tipo_archivo, "gif") || strpos($tipo_archivo, "jpeg")) && ($tamano_archivo < 100000))) {
    echo "La extensión o el tamaño de los archivos no es correcta. <br><br><table><tr><td><li>Se permiten archivos .gif o .jpg<br><li>se permiten archivos de 100 Kb máximo.</td></tr></table>";
}else{
    if (move_uploaded_file($HTTP_POST_FILES['userfile']['tmp_name'], "../fotos/1_clientes/".$nombre_archivo)){
       echo "El archivo ha sido cargado correctamente.";
    }else{
       echo "Ocurrió algún error al subir el fichero. No pudo guardarse.";
    }
}

?>

He intentando poniendolo dentro de un bucle while, pero no me ha funcionado.

Como se puede hacer ?

Muchas gracias.

[GatorV]

Lamentablemente no hay una solución sencilla mas que parchando el Core de PHP o agregando una extensión nueva.

Una forma que puedes hacerlo también es tener un div oculto con el gif animado, y cuando envíes el formulario, mostrar el div.

Automáticamente cuando el archivo este arriba, la pagina cambiara y se ocultara el div.

Saludos.

[andruqui]

Gato, como seria esa solucion, ayer me queden pensando en eso.
El div oculto donde lo pondrias ? en la pagina del form o en suberarchivo.php..... no me queda claor como hacer que se vea.

Saludos
Andres

[goku_goku]

bueno, no se mucho de esto, pero con ajax, hay un script para per el porcentage de la carga, con una barra

[Keysher]

Lo más elegante y usable es usar AJAX. Pero una buena opción es la que comenta Gatorv. En la página donde tienes el formulario creas un div oculto con ese gif y cuando se le de al botón de subir fichero lo muestras mediante JS (y puedes ocultar el div del formulario también).

No he trabajado mucho con formularios de upload de ficheros, pero creo que sería así.

[andruqui]

MMmmmmm hay cosa que no me cierran, si hago el submit de la pagina no va a cargar la otra hasta que el upload se termine no? o sea que para mi el div nunca se va a ver.

Sobre el comentario del la barra de ajax.... se pueden subir archivos usando ajax? Pongan un link de ejemplo a eso que dicen

Saludos
Andrés

[Keysher]

Cuando le das al botón llamas a una función JS que muestre el div que quieras y que haga submit. Así se muestra ese div mientras se está subiendo el fichero.