Barra de progeso upload archivo.

mounteide · #1 (**permalink**) 03/12/2008, 09:53

Hola.
Quería preguntaros una cosa, a ver si podéis sacarme de dudas.
Tengo un fomulario con cinco campos de archivo para subir archivos al servidor, los cuales paso por post a otro script que los procesa.
El problema es que quiero poner una barra de progreso (que tengo hecha en javascript), para que sea mostrada mientras se suben los archivos.
El problema es que si la pongo en el primer script ya se está mostrando antes de elegir los archivos que se subirán al servidor, y si la coloco en el segundo script (que es el que procesa los archivos), la barra no se muestra, ya que primero trata de recibir los files del primer script.
Mi pregunta es, donde podría incorporar la barra de progreso?.
Un saludo y muchísimas gracias.

Ronruby · #2 (**permalink**) 03/12/2008, 09:57

Mejor usa un script prefabricado como SWFUpload o FancyUpload.

mounteide · #3 (**permalink**) 03/12/2008, 10:10

Prefiero aprender a hacer uno propio. Tenéis idea de donde podría colocarlo?

Ronruby · #4 (**permalink**) 03/12/2008, 10:15

En ese caso tendrias que usar AJAX.
Porque si lo colocas en la primera pagina, el archivo no esta subido, tu apenas le dices al explorador donde encontrar el archivo.
Y en la segunda pagina, ya el archivo esta subido.

GatorV · #5 (**permalink**) 03/12/2008, 10:20

Aparte de que necesitas integrar un plugin en PHP llamado php_upload.dll para que te vaya dando la información de cuantos bytes se han cargado y ahi es donde usas AJAX para obtener ese progreso.

Saludos.

nicolaspar · #6 (**permalink**) 03/12/2008, 10:22

En el segundo, pero debes jugar con el búferer del browser.

PD: No será un preload real, podés mostrar un cargando pero no un % exacto.

Edit: a no ser que uses lo que dice GatorV.

mounteide · #7 (**permalink**) 03/12/2008, 10:42

Ok. entiendo pero el plugin no la tengo instalado y no creo que me lo instale el proveedor que tengo contratado el hosting.
En cuanto al método de nicolaspar, podrías ser mas explícito.
Gracias.

nicolaspar · #8 (**permalink**) 03/12/2008, 11:01

Probá éste código, deberías ir viendo: 1 un segundo más tarde: 2, etc, etc hasta 10 y luego el phpinfo().

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam in urna et tortor luctus nonummy. Sed ante tellus, tempus vel, dictum non, varius in, dui. Nullam dictum metus. Nulla dictum. Aenean mattis velit vel nulla. Curabitur sem diam, nonummy sed, egestas nec, luctus in, augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas tincidunt lacinia libero. Nullam in nulla ut lacus aliquet fermentum. Nullam a sapien ut nibh iaculis sodales. Suspendisse vel justo. Etiam ultricies. Pellentesque augue. Curabitur vestibulum dictum neque. Integer pharetra massa in tellus. Morbi sit amet ligula. Aenean ut lacus at elit blandit cursus. Nulla mi ante, lobortis id, vulputate ac, fermentum quis, ipsum. Nunc ut sapien. Vivamus luctus, metus non viverra feugiat, nisl lectus tempor erat, at adipiscing sem lacus sed augue.
Vestibulum ultrices, metus et adipiscing tincidunt, metus dui sagittis eros, a molestie nisi nunc non dolor. Sed eget leo. Nulla in erat quis nulla pretium adipiscing. Duis nisi dolor, dapibus non, pretium quis, sollicitudin a, augue. Pellentesque lorem. Morbi tincidunt quam vitae orci posuere egestas. Phasellus imperdiet, quam a pellentesque accumsan, nunc elit faucibus nisl, a congue nulla quam quis dolor. Proin nunc arcu, iaculis vitae, accumsan a, luctus id, felis. Vivamus id felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In vitae sapien quis arcu fermentum tempor. Morbi ut est eget elit tincidunt suscipit. Mauris est. Praesent elementum varius mi. Mauris metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vestibulum lectus non diam tempor pharetra.
Pellentesque euismod. Morbi felis. Duis convallis ornare nulla. Nulla velit. Praesent non arcu aliquam est molestie fermentum. In imperdiet ligula eget erat. Pellentesque rhoncus suscipit dolor. Etiam urna pede, venenatis viverra, imperdiet non, imperdiet et, sapien. Ut ut tellus id ante tincidunt ullamcorper. Suspendisse porta dictum odio.
Duis velit nisl, porttitor et, egestas et, feugiat quis, leo. Nunc sit amet massa. Vivamus eget felis. Donec malesuada tincidunt ipsum. Aliquam hendrerit. Vestibulum et velit in enim vulputate convallis. Fusce eget arcu et quam interdum vulputate. Ut pharetra dignissim tortor. Praesent vitae elit at sapien pellentesque ultrices. In malesuada pulvinar dolor. Integer mollis condimentum lacus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis elementum tortor ut erat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam malesuada sem quis nulla. Nunc sed lorem. Mauris eu lectus mattis tellus convallis dapibus.
Cras arcu metus, viverra congue, placerat et, bibendum in, arcu. Donec at enim. Fusce nec nisi. Nullam semper sodales velit. Aenean lectus. Proin cursus, turpis quis euismod adipiscing, nunc magna facilisis est, vel elementum augue diam vel lectus. Proin urna ligula, suscipit et, pellentesque in, scelerisque sit amet, tellus. Aliquam congue porttitor elit. Aliquam erat volutpat. Nunc diam. Donec tortor orci, rhoncus sit amet, interdum sit amet, venenatis id, ligula. Donec egestas libero. Pellentesque volutpat ipsum vel quam.
<hr />
<?php
ob_end_flush();
phpinfo();
for( $i = 0; $i<10; $i++ ){
echo $i;
ob_flush();
sleep(1);
}
echo '<hr>' , phpinfo();
?>
</body>
</html>