Загрузка файлов в автономные приложения HTML5 - PullRequest
15 голосов
/ 28 февраля 2012

Я работаю над веб-приложением, которое потенциально может использоваться в средах с нестабильным интернет-соединением.Я реализую его как автономное приложение HTML5, которое будет использовать локальное хранилище HTML5 (на самом деле плагин jQuery jStorage).Это приложение, управляемое вводом данных, поэтому все новые записи, созданные в автономном режиме, сохраняются в локальном хранилище и будут позже синхронизированы с сервером при восстановлении подключения к Интернету.Я почти заработал, но теперь я сталкиваюсь с требованием, когда пользователям действительно нужно будет загрузить изображение вместе с отправкой данных.Я нашел эту спецификацию HTML5 API - http://www.w3.org/TR/file-upload/, которая говорит о загрузке файлов и автономном доступе.Прежде чем я углублюсь в это - есть ли какие-нибудь обертки вокруг этой функциональности, которые бы упростили это для меня?Я также только что нашел эту статью - http://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/, в которой используется общедоступный API TwitPic, и я хотел получить профессиональную обратную связь от людей здесь.Спасибо!

Ответы [ 3 ]

4 голосов
/ 11 апреля 2014

Я знаю, что прошло много времени с тех пор, как я задал этот вопрос, но я все еще вижу, что этот вопрос поддерживается и ставится на голосование, поэтому я решил, что поделюсь тем, как я в итоге решил эту проблему. В моем случае файлы не такие большие, поэтому я просто решил MIME кодировать их, а затем сохранить строку в HTML5 localStorage. Это работает как шарм.

1 голос
/ 16 мая 2014

Я не думаю, что localStorage будет правильным ответом, потому что localStorage сохраняет только строки и имеет ограничение в 5 мегабайт.

Я предлагаю что-то вроде http://pouchdb.com

Но если вы настаиваете на localStorage, то в Mozilla Hacks есть статья о хранении изображений в localStorage: http://hacks.mozilla.org/2012/02/saving-images-and-files-in-localstorage/

indexedDB может быть лучшим местом для хранения файлов: http://hacks.mozilla.org/2012/02/storing-images-and-files-in-indexeddb/

1 голос
/ 27 марта 2013

Некоторое время назад я написал статью об API файла HTML5 - http://speckyboy.com/2012/10/30/getting-to-grips-with-the-html5-file-api-2/

Также см. Репозиторий GitHub - https://github.com/mailru/FileAPI для получения информации о предварительном контроле.

...