在HTML5中本地存储图像

时间:2014-09-04 05:36:12

标签: javascript html5 optimization

所以我们正在开发这个网络图片库。我们正在计划一个与此类似的架构:

1 - 从服务器下载所有图像并将其存储在本地存储(HTML5)

2 - 在库中显示,就好像它是从本地驱动器呈现

3 - 存储在本地驱动器库中完成的任何编辑

4 - 单击“已完成”按钮后,将所有更改信息上载到远程服务器

图像的数量会更多,例如成千上万。我想检查以上是否可行。

负责该项目的团队表示,HTML5本地存储在上下文中没有用处。他们声明下载的图像总是驻留在缓存中,并且在任何情况下都会导致性能下降,并且无法提供帮助。

这是真的吗?有没有什么可以使用新的HTML5选项来优化这个工作流程?

1 个答案:

答案 0 :(得分:0)

理论上,您可以对图像进行base64编码,并将结果字符串存储在本地存储中。但是,做这样的事情的唯一原因是将编辑过的图像保存在"离线"模式,他们可以关闭并重新打开他们的浏览器,而不会丢失他们所做的任何更改。否则,这些编辑可以存储在内存中,一旦用户完成,就可以将其保存回服务器。

至于原始图片本身,您的团队成员是正确的,一旦文件被下载,浏览器就不会再次尝试获取它,除非标题中的过期日期已经过去。


修改

找到另一个描述该过程的stackoverflow帖子的链接:
How to save an image to localStorage and display it on the next page?