在HTML5中，您可以通过编程方式将图像保存到缓存中吗？
在HTML5中，您可以通过编程方式将图像保存到缓存中吗？
提问于 2009-06-18 01:04:59
我喜欢在HTML5中，您可以将文本数据保存到本地数据库，甚至可以使用SQL来完成此操作。(http://webkit.org/blog/126/webkit-does-html5-client-side-database-storage/)
我有一个为iPhone的MObile Safari编写的应用程序，它可以缓存除图像以外的所有离线内容。图像仍然需要从服务器下载，我不知道如何确保它们会被缓存。理想情况下，我希望将它们写到localStorage数据库中。
我在考虑把图像写到画布上，然后把它序列化为文本……有什么想法吗？有没有更简单的方法可以做到这一点？
理想情况下，我希望使用HTML和JavaScript完成这项工作，没有本地应用程序/objective-C。
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提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1010290
复制相关文章
相似问题
腾讯云开发者
