JavaScriptを使用してIndexedDBに画像を読み書きする

Question

Webアプリケーション用にjavascript（jquery？）を作成すると、一連の画像をIndexedDBに保存してからHTMLページに読み込むのに役立ちます。

私は2つのHTMLページを持って、ちょうどこの形式の画像の一覧ですimg.html：この形式の画像一連のタグが含まれて

'image-id','base64-image' 

とindex.htmlを、私のメインページ：

<img name="imglist" id="image-id" img-src=""> 

私はのIndexedDBにimg.htmlからのすべての画像をロードするために、ボタンをクリックしてのIndexedDBから画像を読み込み、適切な画像にそれらを挿入するために別のボタンをクリックできるようにするには、ユーザーが欲しい

タグ（index.html内のimg.htmlの 'image-id'はappropに相当しますindex.htmlのimgタグIDをriateしてください）。

また、特定の期間後にDBを消去させるクッキー（または他の方法）を設定することはできますか？私は約1週間に1回、サーバーからイメージを再ロードするようユーザーに強制することができます。

私はjavascriptやindexeddbですばらしいとは言えません。

Answer 1

Storing images and files in IndexedDBというタイトルの記事を参照してください。

N.B. I just posted a similar question hereですが、クロスサイトリクエストの特定のケースに関係します。あなたの要求が同じサイトにある場合、上のリンクはあなたが働くための完璧な例になるはずです。