Chromeアプリでオフラインで使用するための画像を保存する

Question

Chrome Appに表示され、リモートサイトからの画像があります。ネットワーク接続が利用できない場合に備えて、イメージをローカルに保存できるようにしたい。

私はchrome.fileSystemのような私を助けるいくつかのAPIを研究していますが、このような単純な例はありません。

これを行う方法の簡単な例を誰かに教えてもらえますか？

ユーザーが保存を押す必要がない場合や、ダウンロードがバックグラウンドで発生した場合は、何かを行うことをお勧めします。画像はランダムに変化するので、私は可能ならば自動化する必要があります。

Answer 1

localStorageにはどうしたらいいですか？次いで、（このanswerから適応）復元する

var image = document.getElementById('bannerImg'); 
imgData = getBase64Image(image); 
localStorage.setItem("imgData", imgData); 

：

function getBase64Image(img) { 
    var canvas = document.createElement("canvas"); 
    canvas.width = img.width; 
    canvas.height = img.height; 
    var ctx = canvas.getContext("2d"); 
    ctx.drawImage(img, 0, 0); 
    var dataURL = canvas.toDataURL("image/png"); 
    return dataURL.replace(/^data:image\/(png|jpg);base64,/, ""); 
} 

var dataImage = localStorage.getItem('imgData'); 
bannerImg = document.getElementById('tableBanner'); 
bannerImg.src = "data:image/png;base64," + dataImage;