2010-11-12 2 views
26

Я пытаюсь загрузить Html 5 файл для работы. Я просто не понимаю, как это получается. Поэтому, вместо того, чтобы рассказать вам обо всех проблемах, с которыми я столкнулся, мне было интересно, не сделал ли кто-нибудь это в зародыше и был бы готов помочь.Html 5 Загрузка файла

приятно иметь возможности будет 1. прогресс загрузки файла 2. Времени осталось 3. Какой-то подтверждение, как только загрузка завершена

ответ

48

У меня есть сообщение в блоге, который проходит через весь процесс объяснения Html5 загрузка файла, а также рабочий пример, который представляет собой страницу, которую вы можете загрузить файл и увидеть все в действии.

Html5 File Upload with Progress

+0

Thanks Shiv! Сейчас я читаю блог. Лот полезной информации. –

+0

Hey Shiv, отличная запись в блоге на Html 5 загружать и любить рабочую демонстрацию тоже. Ваша форма выглядит очень круто! –

+1

Как насчет загрузки больших файлов; этот метод HTML5 вызывает тайм-аут браузера? –

1

Загрузка большого файла равен захватывая максимальные ресурсы процессора и ввода агента пользователя в блочном состоянии, поэтому нам необходимо, чтобы избежать этих двух вещей, за которые мы должны загрузить большой файл в несколько частей (куски), поэтому нам нужно нарезать файл, и мы должны загрузить его в фоновом режиме.

HTML5 представил некоторые API, полезные API для загрузки большого файла - это веб-инструменты и API файлов. Эти два являются полезными при загрузке большого файла, мы должны загрузить фрагмент файла на стороне клиента, чтобы сделать файл как куски, тогда нам нужно загрузить на задний план, чтобы повысить производительность процессора.

Для нарезки API файла ломтика позвонить

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

мы должны обработать загрузку в фоновом режиме с помощью Webworkers освободить агент пользователя.

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

можете ли вы отправить код для загрузки файла с помощью веб-рабочего? –