Progress Bar

Cosac_Matsuda · #1 (**permalink**) 16/03/2007, 09:51

Hola muy buenas,
he estado navegando por ahi y he encontrado varias barras de progreso para cuando quiero subir un archivo por PHP move_uploaded_file, pero ninguna resulta ser lo suficiente facil para mi nivel...

Alguien sabe de alguna? Aunque solo sea mostrar los KB que restan y si es JavaScript pues mejor...

Gracias!

mauled · #2 (**permalink**) 16/03/2007, 10:48

Pues me parece que más bien tendria que ser con AJAX, pues tendrias que estar verficando en el servidor el "estado" o "progreso" del documento. Te recomiendo que preguntes en dicho foro.

iskariote · #3 (**permalink**) 16/03/2007, 11:45

concuerdo con mauled: para hacer esto tendras que ocupar ajax siguiendo esta logica

- al cargar la pagina, agregale un div que contenga un gif animado como barra de progreso, el cual tiene que estar oculto.

- cuando subas el archivo, lo envias a una funcion javascript, la cual te deve dejar el div anterior como visible (o zindex primario), luego mandas a subir el archivo por ajax.

- al terminar la carga del archivo, ocultas nuevamente el div.

Atte,

ISKARIOTE

nicolaspar · #4 (**permalink**) 16/03/2007, 13:31

1- En cuanto a fácil, estas pidiendo algo que no entra en ese nivel.

2- Lo que se propone con ajax no sería un progress bar, sería un simple "Espere un poco...no se cuanto, pero espere..." :P

3- En flash, asp, java, u otro podes jugar con el buffer del browser, pero con php no, éste no lo soporta.

4- Hay una manera que no es tan complicada en flash, lo podes lograr que usando SwfUpload y tendrías un upload parecido al de youtube.

ebe · #5 (**permalink**) 16/03/2007, 13:51

Cita:

3- En flash, asp, java, u otro podes jugar con el buffer del browser, pero con php no, éste no lo soporta.

que quieres decir exactamente con que PHP no puede jugar con el buffer del browser??

un saludo.

nicolaspar · #6 (**permalink**) 16/03/2007, 13:58

Que no puede leer el progreso en el upload del cliente al server.

ebe · #7 (**permalink**) 16/03/2007, 14:01

Cosac_Matsuda :

mira si esta clase es de tu utilidad.

http://www.phpclasses.org/browse/package/1554.html

un saludo

nicolaspar · #8 (**permalink**) 16/03/2007, 14:10

Sigue siendo no real esa clase, es igual a hace esto:

Código PHP:

 
<html>
<head>
<style type="text/css"><!--
.pbar { background: #EEE; border: 1px solid #CCC;  margin: 1px;  height:10px;  width: 10px;}
--></style>
</head>
<body>

<?php
if( ob_get_level() == 0) ob_start();

echo str_pad('Cargando... ',4096) . "<br />";
for( $i = 0; $i < 30; $i++ ){
   echo '<span class="pbar">&nbsp;</span>';
   ob_flush();
   usleep(500000);
}
ob_end_flush();
?>
</body>
</html>

Podrías leer el peso del file a subir y simularlo un poco mas, pero no sería real a la transferencia del usuario.

ebe · #9 (**permalink**) 16/03/2007, 14:14

segun tengo entendido, ejecutando http requests (ajax) de forma asyncronica se puede lograr tener comunicacion (e info. del estado de procesos) en el servidor, y con javascript mandar estados de procesos en el browser.

Pero puede ser que este hablando de otro tema. si dieras una ejemplificacion de lo que dices que php no puede hacer 'trabajar con el buffer del browser', seria de utilidad y algo nuevo que desarrollar.

un saludo.

nicolaspar · #10 (**permalink**) 16/03/2007, 14:27

Es que no se tiene acceso desde php al buffer del server en el momento sino que una vez entregado, no tendrías manera de desarrollarlo....
Lo único que podes haces es compensarlo con, por ejemplo, asp, perl, o algún cgi y lograr comunicar estos datos, pero bueno, obviamente no nos salimos de php.

Con ajax podrías leer este cgi, por ejemplo http://sean.treadway.info/demo/upload/

Ajax solo hace de comunicador...

En su momento di vuelta la web en busca de esto, si alguien sabe otro método (desde php obvio está), que lo largue :)

Nefertiter · #11 (**permalink**) 16/03/2007, 15:06

yo tambien en su momento hice una busqueda, SOLO PHP no se puede, como nombre Nicolaspar, hay que utilizar otro leguanje como asp o CGI, como ayuda.

sino para lo mejor es el swfupload :P jeje

Saludos

ebe · #12 (**permalink**) 16/03/2007, 15:51

ahora entiendo. gracias nicolaspar por haberte extendido.

aqui dejo el enlace para swfupload por si les sirve.

http://swfupload.mammon.se/
un saludo.

nicolaspar · #13 (**permalink**) 16/03/2007, 15:58

No hay porque, estamos para compartir experiencias y conocimientos, y aunque no tengo la razón de todo, trato de aportar mi granito de arena...;)

Cosac_Matsuda · #14 (**permalink**) 19/03/2007, 19:45

Buah... por lo visto este problema es bastante y poco unificado, ya que cada uno dice la suya... La verdad es que he visto un montón de "progress bar" en AJAX com UBER_UPLOADER, Rails Upload Progress o esta the-stickman.com/files/multiple-file-element.zip ...

Hay un montón pero todo en AJAX y por más que busco no tengo ni la menor idea de como utilizar estas aplicaciones de AJAX (totalmente nuevo para mi)...

De momento, lo que hago, por si le sirve a alguien es introducir mediante un DIV y Javascript una animacion GIF de "Cargando... Por favor espere" Muy cutre porque no es lo que pretendo, pero en fin... La verdad es que habeis sido de gran ayuda todos y en seguida que pueda me guiaré por todos los post uno a uno para ver quien me brinda la mejor solución a este problemilla...

Mil gracias! y eso, si alguien da más, que nos lo cuente!

Cosac_Matsuda · #15 (**permalink**) 19/03/2007, 20:26

Otro que tiene buena pinta en Flash:

xxx.element-it.com