6

大量の画像を HTML5 に保存する方法、またはローカルに保存されている画像にアクセスして表示する方法を長い間探してきました。

アプリケーションは、e コマース Web サイトのような製品注文およびカタログですが、最終クライアントではなく大量注文の場合、各画像が製品であるため、40k の画像が必要です。この必要性は、営業担当者がタブレットをオフライン モードで数日、数週間使用し、接続が確立された場合または同期したい場合にのみ ERP と同期できるという要件から生じています。

各販売員は、アプリケーション専用の Android タブレット Tegra3 クアッドコア、32Gb を持っています。ただし、アプリケーションはデスクトップ上の iPad と Chrome もサポートしています。

ただし、次の制限に直面しました。

  1. html5 オフライン (アプリ キャッシュ) を使用する - これは iOS デバイスでは 50Mb に制限されており、マニフェスト ファイルの管理が困難です。
  2. base64 でエンコードされたイメージで webSQL データベースを使用します。同じサイズ制限 (50Mb)。
  3. base64 で localCache を使用します。これもサイズ制限 (5 ～ 10Mb) です。
  4. HTML5 アプリを変換して PhoneGap File API を使用しますが、Windows PC のデスクトップ サポートが失われ、Web サービスに問題が発生します。

おそらく、これを行う別の方法がありませんか？

オフラインで表示するために大量の画像を保存する HTML5 の方法はありますか? FileSystem API はモバイル デバイスではサポートされていないため、モバイル デバイスで実行できることが強く求められます。

4

5 に答える 5

2

Phonegap独自のファイルシステムAPIの実装はモバイルで機能するべきではありませんか？つまり、Phonegapが最初に作成されたのはそのためです。

FileReader用のCordovaAPIドキュメントから直接：

サポートされているプラ​​ットフォーム

  • アンドロイド
  • BlackBerry WebWorks（OS 5.0以降）
  • iOS
  • WindowsPhone7および8
  • ウィンドウズ8
于 2013-03-04T10:16:29.123 に答える
1

このソリューションは、File API を使用して、HTML5 アプリケーションのポートを phoneGap アプリケーションに渡します。

HTML5 のさまざまな実装が、この決定の理由です。AppCache はほとんどのモバイル ブラウザで非常に制限されているため、FileSystem API のサポートが不足しています。モバイル ブラウザーでは 16 ～ 52Mb しか保存できないという事実は、ローカルに保存された大量のデータ (オフラインで利用可能) を必要とする HTML5 Web アプリの制限要因です。

于 2013-03-05T23:20:19.333 に答える
0

ローカル接続のみを受け入れることができるローカルWebサーバーを実行するのはどうですか？Apacheでは、構成ファイルの「Allowfrom127.0.0.1」のようなものでうまくいくはずです。ローカルWebサーバーを使用すると、HTMLの制限を回避できます。

于 2013-03-08T21:35:57.230 に答える
0

単純に sqlite データベースに保存できます。商品詳細テーブルにもう 1 つのフィールド (列) を追加できます。

画像は BLOB 形式または base64 形式で保存できます。(データベース内)。

phoneGap を使用すると、データベースや DB のさまざまなテーブルに簡単にアクセスできます。

パフォーマンスを向上させ、帯域幅を節約するには: できることは、画像の遅延読み込みを適用することです。新しい画像をダウンロードするときはいつでも、データベースに保存してください。

このようにして、I/O 操作を回避できます。また、MVC を使用している場合は、製品詳細オブジェクト (Modal クラス) に画像オブジェクトも含まれます。

この提案がうまくいくことを願っています:)

于 2013-03-11T09:40:53.330 に答える
0

ランダムだけどスプライトシート？ファイルを1つだけ作成し、リクエストを最小限に抑えます

于 2013-03-05T13:33:52.600 に答える