Barra de progreso

[alvaro_trewhela]

Hola a todos, quisiera saber si existe una manera, en ajax de tener una barra de progreso que monitoree la carga (upload) de archivos

muchas gracias..

[chwc]

Si existe, y se logra con FileApi, que es una libreria nativa de JS que se encuentra en firefox, chrome, safari, ie10+

[alvaro_trewhela]

Iniciado por chwc

Si existe, y se logra con FileApi, que es una libreria nativa de JS que se encuentra en firefox, chrome, safari, ie10+

me podrias dar un enlace o un rutina sencilla para poder ir entendiendo esta api?

Gracias ;)

[chwc]

aca tenes un tutorial sencillo para subir archivos con ajax: http://timothypoon.com/blog/2011/05/...ml5s-file-api/

y a la varible de xmlhttprequest, uo de inicializarla, le agregasesto ( digamos que la llamas xhr como en el tuto):

Código Javascript:

xhr.addEventListener("progress", updateProgress, false);
 
function updateProgress(evt) {
  if (evt.lengthComputable) {
    var percentComplete = evt.loaded / evt.total; // esto te dara un valor entre 0 y 1 , del % , y evt.total sera el total en bytes creo
  } else {
    // Imposible computar
  }
}