在HTML5中,可以以编程方式保存图像以进行缓存吗?

我喜欢 HTML5,您可以将文本数据保存到本地数据库,甚至可以使用sql来执行. ( http://webkit.org/blog/126/webkit-does-html5-client-side-database-storage/)

我有一个我为iPhone的MObile Safari编写的应用程序,除了图像之外,还可以将所有的数据保存在离线状态.图像仍然必须从服务器下载,我不知道如何确保它们将保持缓存.理想情况下,我想把它们写到localStorage数据库.

我正在考虑将图像写入画布,然后将其作为文本序列化…任何想法?有没有更简单的方法呢?

理想情况下,我想用HTML和JavaScript来完成所有这些,没有本机应用程序/目标C.

解决方法

看看html5中的应用程序缓存,这基本上完全是你想要的(如果你想支持完全脱机的Web应用程序,那也是你想要使用的).

或者,您可以(有些丑陋)将图像绘制到画布,然后将canvas.toDataURL()获取图像的数据url,然后可以将其存储在正常数据库或脱机存储apis中.

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码