html - 在 HTML5 中，您能否以编程方式保存图像以进行缓存？

Question

我喜欢在 HTML5 中您可以将文本数据保存到本地数据库，甚至可以使用 SQL 来完成。 ( http://webkit.org/blog/126/webkit-does-html5-client-side-database-storage/ )

我有一个应用程序是我为 iPhone 的移动 Safari 编写的，它可以离线缓存除图像之外的所有内容。图像仍然必须从服务器下载，我不知道如何确保它们保持缓存。理想情况下，我想将它们写入 localStorage 数据库。

我正在考虑将图像写入 Canvas ，然后将其序列化为文本……有什么想法吗？有没有更简单的方法来做到这一点？

理想情况下，我想用 HTML 和 JavaScript 来完成这一切，而不是原生应用程序/objective-C。

Answer 1

看看 html5 中的应用程序缓存，它基本上完全符合您的要求(如果您想支持完全离线的 Web 应用程序，它也是您想要使用的)。

或者，您可以(有点难看)将图像绘制到 Canvas ，然后到 canvas.toDataURL() 以获取图像的数据 url，然后您可以将其存储在普通数据库或离线存储 api 中。