私は、不安定なインターネット接続のある環境で使用される可能性のあるWebベースのアプリケーションに取り組んでいます。HTML5ローカルストレージ(実際にはjQueryプラグインjStorage)を利用するHTML5オフラインアプリケーションとして実装しています。これはデータ入力駆動型アプリであるため、オフライン中に作成されたすべての新しいエントリはローカルストレージに保存され、後でインターネット接続が再確立されたときにサーバーと同期されます。私はほとんどそれを機能させましたが、ユーザーが実際にデータ入力の送信と一緒に画像をアップロードする必要があるという要件に直面しています。
このHTML5API仕様を見つけました-http ://www.w3.org/TR/file-upload/これは、ファイルのアップロードとオフラインアクセスについて説明しています。これについて深く掘り下げる前に、これを単純化するこの機能のラッパーはありますか?
また、この記事を見つけました-http ://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/これは公開されているTwitPic APIを利用しており、いくつか入手したかったのです。ここの人々からの専門的なフィードバック。
ありがとうございました!
3 に答える
私がこれを尋ねてからしばらく経っていることは知っていますが、この質問がまだお気に入りであり、支持されているのを見ているので、どうやってこれを解決したかを共有すると思いました. 私の場合、ファイルはそれほど大きくないので、単純に MIME エンコードしてから、文字列を HTML5 localStorage に保存することにしました。チャームとして機能します。
文字列のみを保存し、5 メガバイトのストレージ制限があるlocalStorage
ため、ここで正しい答えになるとは思いません。localStorage
http://pouchdb.comのようなものをお勧めします
しかし、あなたがlocalStorage
どうしてもlocalStorage
.
indexedDB
ファイルを保存するのに適した場所かもしれません:
http://hacks.mozilla.org/2012/02/storing-images-and-files-in-indexeddb/
少し前に HTML5 ファイル API に関する記事を書きました - http://speckyboy.com/2012/10/30/getting-to-grips-with-the-html5-file-api-2/
高度な制御については、GitHub リポジトリ ( https://github.com/mailru/FileAPI)も参照してください。