Uno de los mayores problemas con los que nos hemos encontrado a la hora de hacer aplicaciones que suben ficheros, es mostrar al usuario cuánto se ha subido y así poder saber cuánto queda. Ahora con HTML5 y XMLHttpRequest Level 2 podemos mostrarlo sin necesidad de parte del servidor.
El script hace uso de Evento de Progreso de HTML5 para poder mostrar:
- total: total de bytes
- loaded: bytes subidos
- lengthComputable: indica si el tamaño del fichero es conocido
- transferSpeed: velocidad de transferencia
- timeRemaining: tiempo que falta (en formato Date)
Por ahora solo es compatible con Firefox, Chrome y Safari.
En el post lo explican con gran detalle.
Html5 File Upload with Progress
Puzzle Bobble
Karate Blazers
Puzzle De Bloques
Magical Cat Adventure