2010-11-12 17 views
26

Próbowałem załadować plik HTML 5 do pracy. Po prostu nie wydaje mi się "rozumiem". Więc zamiast opowiadać o wszystkich problemach, z jakimi się borykam, zastanawiałem się, czy ktoś już to ukradł w zarodku i byłby chętny do pomocy.Html 5 Przesyłanie pliku

miło mieć cechy byłoby 1. postęp wysyłania pliku 2. Czas pozostały 3. Jakiś potwierdzenia raz wysyłania zakończyła

Odpowiedz

48

Mam blogu, który przechodzi przez cały proces wyjaśniania HTML5 wgrywanie plików i istnieje również działający przykład, czyli strona, na którą można przesłać plik i zobaczyć wszystko w akcji.

Html5 File Upload with Progress

+0

Dzięki Shiv! Teraz czytam bloga. Wiele użytecznych informacji. –

+0

Hej Shiv, świetny wpis na blogu na HTML 5 i ciesz się działającym demem. Twoja forma wygląda naprawdę fajnie! –

+1

Co powiesz na przesyłanie dużych plików; czy ta metoda HTML5 powoduje przekroczenie limitu czasu przeglądarki? –

1

Przesyłanie dużego pliku jest równa chwytając maksymalnych środków z CPU i oddanie agenta użytkownika w stan bloku, więc musimy uniknąć tych dwóch rzeczy, na które mamy przesłać duży plik jako wielu częściach (kawałki), więc musimy podzielić plik i musimy go przesłać w tle.

HTML5 wprowadził pewne interfejsy API, przydatne interfejsy API do przesyłania dużych plików to webworkery i File API. Te dwie są pomocne podczas przesyłania dużego pliku, musimy przesłać plaster po stronie klienta, aby plik był fragmentem, a następnie musimy go przesłać w tle, aby zwiększyć wydajność procesora.

do krojenia API plik zadzwoń plasterek

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

musimy przetworzyć ładowanie w tle Korzystanie Webworkers uwolnić agenta użytkownika.

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

Czy możesz przesłać kod do przesłania pliku za pomocą pracownika WWW? –