HTML5オフラインアプリケーションでのファイルアップロード

インターネット接続が不安定な環境で使用される可能性のあるWebベースのアプリケーションで作業しています。私はHTML5ローカルストレージ（実際にはjQueryプラグインjStorage）を利用するHTML5オフラインアプリケーションとして実装しています。これはデータ入力型のアプリケーションなので、オフラインで作成された新しいエントリはすべてローカルストレージに保存され、インターネット接続が再確立されるとサーバーと後で同期されます。私はほとんどそれが働いているが、今はユーザーが実際にデータ入力提出と共に画像をアップロードする必要があるという要件に直面している。
ファイルのアップロードとオフラインアクセスに関するこのHTML5 API仕様 - http://www.w3.org/TR/file-upload/が見つかりました。私がこれに深入りする前に、この機能を取り巻くラッパーはありますか？
私はまた、公開されているTwitPic APIを利用しているhttp://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/という記事を見つけました。私はここから人々の専門的なフィードバックを得たいと思っていました。

ありがとうございました！HTML5オフラインアプリケーションでのファイルアップロード

出典

2012-02-28 Insider Pro

私はあなたのことをよく理解していません。オフラインでサーバーにファイルをアップロードすることはできません。期間。リンク先のデモは、ファイルを保持して接続を待つ必要がありますが、オフラインになるのは魔法のような方法ではありません。 –

@RaymondCamden - これはまさに私が探していたものです - 接続が再び利用可能になるまでファイル（またはその内容）をどこかに保持してください。私はいつもつながっている接続に頼ることができない「時折接続された」アプリを書いています。未同期のレコードをHTML5ローカルストレージに「キャッシュ」し、接続が利用可能なときはいつでもそれらをサーバと同期させます。私はちょうどこれがどのようにファイルで達成できるのだろうと思っていた。 –

は、私はこれを尋ねたが、私はまだこの質問は、お気に入りに登録してupvotedされて参照するので、それはしばらくしている知っているので、私は私がこれを解決することになった方法を共有しましょう考え出しました。私の場合はファイルがそれほど大きくないので、MIMEエンコードしてからHTML5のlocalStorageに格納することにしました。それは魅力として働く。

出典

2014-04-11 16:27:08

さらに詳しい情報は便利でしょう。 [このような質問]（http://stackoverflow.com/questions/19183180/how-to-upload-an-image-save-it-to-localstorage-and-then-display-it-on-the-next）画像をカバーしていますが、この答えにおおまかに記載されていることの良い例として役立ちます。 –

こんにちは@insiderproので、イメージをlocalstorageに保存し、後でそれらをサーバーにプッシュしますか？ベース64として？ 10x – Bill

@Bill、はい、私はbase64の文字列としてサーバーにプッシュします。 –

私はHTML5ファイルAPIにいくつかのしばらく前に記事を書いていた - 事前のコントロールのためにhttps://github.com/mailru/FileAPIからhttp://speckyboy.com/2012/10/30/getting-to-grips-with-the-html5-file-api-2/

はまた、GitHubのレポを参照してください。

出典

2013-03-27 08:42:53

localStorageは正解です。localStorageは文字列のみを保存し、5メガバイトの記憶容量の制限があるためです。

私はhttp://pouchdb.com

ような何かを示唆しかし、あなたはlocalStorageを主張する場合は、Mozillaのハッキングは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/

出典

2014-05-16 05:50:08 ehrhardt

HTML5オフラインアプリケーションでのファイルアップロード

答えて

関連する問題