将.jpg文件存储在本地存储中

Question

我试图找到一种方法将.jpg文件从我的网站存储到本地存储中以提高网站速度.理论上很简单:将picture.jpg转换为base64字符串,并将其与setitem一起存储到localstorage中.再次显示图片只需从localstorage加载base64字符串并解码回jpg.但是,与往常一样,这种做法更加困难.我试图找到一种方法,使用html5或javascript(没有PHP!)将.jpg文件即时转换为base64.有人有同样的问题,能够找到解决方案并可以共享代码吗？

Answer 1

我也使用HTML5缓存清单,它也支持离线情况,专为您的问题而设计.不要在base64中使用本地存储,因为:

• Base64编码将文件大小 增加到137%(!)
• 该算法会降低您的应用程序速度,因为不仅Internet速度限制了您的应用程序,而且javascript无法像在台式计算机上那样快速执行.在我对移动电话的测试中,我遇到了常见的javascripts问题,所以我会将javascript降低到最低限度并且不需要你的上下文.
• 本地存储不是时间支持,也有限制!

对于缓存清单,你可以查看w3.org - 缓存清单也在html5 Rocks上有一个初学者指南.

如果你不想使用HTML5 chache manifest,你应该尽量提高速度,在stackoverflow上的很多帖子中有描述,我喜欢关于增加Math对象的帖子中的演示文稿的链接

Answer 2

通过创建缓存清单来使用 HTML5 缓存可能会更好/更容易。