2010-11-12 14 views
26

Ho cercato di ottenere il caricamento di file Html 5 per funzionare. Semplicemente non mi sembra di "averlo". Quindi, piuttosto che parlarti di tutti i problemi che sto affrontando, mi chiedevo se qualcuno lo avesse già scalzato sul nascere e sarebbe stato disposto ad aiutare.Html 5 Caricamento file

bello avere caratteristiche sarebbero 1. File Upload Progress 2. Tempo rimasto 3. Una sorta di conferma, una volta caricati ha completato

risposta

48

Ho un post sul blog che passa attraverso l'intero processo di spiegare Html5 caricamento di file e c'è anche un esempio funzionante, cioè una pagina è possibile caricare un file e vederlo tutto in azione.

Html5 File Upload with Progress

+0

Grazie Shiv! Sto leggendo il blog ora. Lotto di informazioni utili. –

+0

Hey Shiv, ottimo post sul blog in upload su Html 5 e adora anche la demo di lavoro. La tua forma sembra davvero fantastica! –

+1

Che dire del caricamento di file di grandi dimensioni; questo metodo HTML5 causa un timeout del browser? –

1

caricamento di file di grandi dimensioni è pari a catturare risorse massimo dalla CPU e mettendo l'agente utente in stato di blocco, quindi abbiamo bisogno di evitare queste due cose, per questo dobbiamo caricare il file di grandi dimensioni come più parti (blocchi), quindi dobbiamo tagliare il file e dobbiamo caricare in background.

HTML5 ha introdotto alcune API, API utili per il caricamento di file di grandi dimensioni sono webworker e File API. Questi due sono utili durante il caricamento di file di grandi dimensioni, dobbiamo caricare il file a fette sul lato client per rendere il file come blocchi, quindi dobbiamo caricare in background per aumentare le prestazioni della CPU.

Per affettare l'API File ha fetta chiamata

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

dobbiamo elaborare il caricamento in background utilizzando Webworkers per liberare l'user agent.

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

puoi inviare il codice per caricare il file usando web worker ?? –