在HTML5中，您可以通过编程方式将图像保存到缓存中吗？
我喜欢在HTML5中，您可以将文本数据保存到本地数据库，甚至可以使用SQL来完成此操作。(http://webkit.org/blog/126/webkit-does-html5-client-side-database-storage/)
我有一个为iPhone的MObile Safari编写的应用程序，它可以缓存除图像以外的所有离线内容。图像仍然需要从服务器下载，我不知道如何确保它们会被缓存。理想情况下，我希望将它们写到localStorage数据库中。
我在考虑把图像写到画布上，然后把它序列化为文本……有什么想法吗？有没有更简单的方法可以做到这一点？
理想情况下，我希望使用HTML和JavaScript完成这项工作，没有本地应用程序/objective-C。
回答 4
Stack Overflow用户
发布于 2009-06-18 01:09:27
看看html5中的应用程序缓存，它基本上就是你想要的(如果你想要支持完全离线的web应用程序，它也是你想要使用的)。
或者，您可以(有点难看)将图像复制到canvas，然后再复制到canvas.toDataURL()以获取图像的数据url，然后可以将其存储在普通数据库或脱机存储apis中。
Stack Overflow用户
发布于 2011-01-24 21:44:42
您可以像谷歌在Mobile中所做的那样，将其实现为一个数据GMail。这意味着下面的内容将作为页面的一部分进行缓存(如果包含在cache.manifest中)，因为它们不是外部的。以下任一项：
<img src="data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub/
/ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcpp
V0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7"
width="16" height="14" alt="embedded folder icon">或者：
<style type="text/css">
.Jd{background:#fff;width:100%;border-width:7px;-webkit-box-sizing:border-box;-webkit-border-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUlJREFUeNpi/P//P4O+VwcfAwODGxDLATGITSr4BMSPgHjXxW0Vnxj1PNtFmBgZU/79/38MKHgBqoAoADQATEMdZQA0xwpozlwWEUFu7zfvvx4ACp5gIBOAXAekDgEN/yEqzOPD9P3nHwWoC6kBLnz99kue6eu3n4xAzg8Civ8jYXwu/vXt+y8GJgYagBFuKAuOSCEUabD0CYsgxmHifVjWQwYwb+KSJ2go0ABGAuHISMiCkZ5OBfm5mN9//MaBr1BBDjvkSMMSH2z8vBzMLI4Wqjzrdl7UA4qdwqOYkUhHGjhbqfOwxAaafjh0+q7fm3dfQK49B8RfSPUu0FIeIGUkIsTjBjKPEVhHyQO93zV96ZFXR8/c+/zkxYdfpBoqIyHAZm2ixJsZbSMGDM4ykKEgcREgzgRibSAWIiNu3gHxVSCeDsRvAAIMAK29e2M9JZVZAAAAAElFTkSuQmCCCg==") 9 7 8 7}
</style>点击此处了解更多相关信息：http://www.websiteoptimization.com/speed/tweak/inline-images/
Stack Overflow用户
发布于 2010-07-25 07:06:24
您可以使用HTML5数据库中的Data UI scheme存储图像。
https://stackoverflow.com/questions/1010290
复制相似问题
腾讯云开发者
