一連の画像を IndexedDB に保存し、それらを html ページにロードする Web アプリ用の JavaScript (jquery?) を作成するのに助けが必要です。
この形式の画像のリストである img.html という 2 つの html ページがあります。
'image-id','base64-image'
そして index.html は、次の形式の一連のイメージ タグを含むメイン ページです。
<img name="imglist" id="image-id" img-src="">
ユーザーがボタンをクリックして img.html からすべての画像を IndexedDB にロードし、別のボタンをクリックして IndexedDB から画像を読み取り、index.html の適切な画像タグに挿入できるようにしたいと考えています ( img.html の「image-id」は、index.html の適切な img タグ ID に対応します)。
また、一定期間後にDBを消去するCookie（またはその他の方法）を設定することは可能ですか？週に 1 回程度、サーバーから画像を再読み込みするようユーザーに強制できるようにしたいと考えています。
私は javascript や indexeddb が得意ではないので、ヘルプや例を教えていただければ幸いです。