保存图像以便在Chrome应用中脱机使用

Question

我的图片显示在Chrome应用中，来自远程网站。我希望能够在本地保存图像，以防网络连接不可用。

我一直在研究并找到一些可能对我有帮助的API，比如chrome.fileSystem，但是，没有像这样的简单例子。

有人能为我提供一个如何做到这一点的简单示例吗？

如果用户不必按保存或其他任何内容，在后台进行下载，则首选。图像随机变化，因此我需要尽可能自动化。

Answer 1

如何将其存储在Rectangle？

localStorage

然后恢复（改编自answer）：

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