2010-11-12 38 views
26

He intentado que la carga de archivos Html 5 funcione. Simplemente no parezco "entenderlo". Entonces, en lugar de contarle acerca de todos los problemas a los que me enfrento, me preguntaba si alguien ya lo ha sacado de raíz y estaría dispuesto a ayudar.Html 5 Carga de archivos

bueno tener características serían 1. Archivo de progreso de carga 2. Tiempo restante 3. Una especie de confirmación una vez que ha completado carga

Respuesta

48

tengo un blog que va a través de todo el proceso de explicar Html5 carga de archivos y también hay un ejemplo de trabajo, que es una página en la que puede cargar un archivo y verlo todo en acción.

Html5 File Upload with Progress

+0

Gracias Shiv! Estoy leyendo el blog ahora. Mucha información útil. –

+0

Hey Shiv, gran publicación de blog en Html 5 y también me encanta la demostración de trabajo. ¡Tu forma se ve realmente genial! –

+1

¿Qué pasa con la carga de archivos de gran tamaño? ¿Este método HTML5 causa un tiempo de espera del navegador? –

1

Carga de archivos de gran tamaño es igual a agarrar el máximo de recursos de CPU y poner el agente de usuario en el estado de bloque, por lo que necesitamos para evitar estas dos cosas, por que tenemos que cargar el archivo de gran tamaño en forma de múltiples piezas (trozos), así que tenemos que cortar el archivo y tenemos que cargarlo en segundo plano.

HTML5 presentó algunas API, API útiles para cargar archivos de gran tamaño son webworkers y File API. Estos dos son útiles al cargar archivos de gran tamaño, tenemos que cargar el archivo en el lado del cliente para hacer el archivo en trozos, luego tenemos que cargar en segundo plano para aumentar el rendimiento de la CPU.

para cortar la API de archivo tiene llamada rebanada

var chunk=file.webkitSlice(start,stop)||file.mozSlice(start,stop); 

tenemos para procesar la carga en segundo plano Usando Webworkers para liberar el agente de usuario.

var worker=new worker('worker.js'); 
worker.postMessage(FileList); 
+0

¿Puedes enviar el código para subir archivos usando el trabajador web? –