HTML5 を使用したオフライン アプリケーションの作成に成功しました。それが行うことは、データを indexedDB または localStorage に格納することです。オンラインの場合、ローカル ストレージとオンライン データベースが同期されます。画像をアップロードする機能を追加することを決定するまで、すべて問題ありません。
1) アプリはオフラインで動作するため、画像をサーバーにアップロードできません。どこに配置しますか?
可能な解決策：
- オフラインの場合はパスを保存し、ユーザーがオンラインになった場合は、入力要素を作成してパスをその値属性に割り当てて画像をアップロードします。このアプローチの問題は、入力要素の値属性を変更できず、アップロードする画像のフル パスを取得できないことです。この解決策は実際には不可能のようです。
- イメージを indexedDB または localStorage に保存しますが、これは可能ですか?
2) 画像を indexedDB または localStorage に正常に保存した場合、ユーザーがオンラインになったらどのようにアップロードしますか?
可能な解決策：
- WebSocket - これにはまだ触れていません。
- Flash - iPhone で動作しますか? おそらくそうではありません。
3) 画像を indexedDB または localStorage に正常に保存した場合、ページにどのように表示しますか? 画像要素は src 属性を使用して表示する画像を決定しますが、画像バイナリを使用するような他の方法はありますか?
以前に同じ状況に直面したことがある場合、目標を達成するためにどのような回避策を講じましたか?