所以我们正在开发这个网络图片库。我们正在计划一个与此类似的架构:
1 - 从服务器下载所有图像并将其存储在本地存储(HTML5)
中2 - 在库中显示,就好像它是从本地驱动器呈现
3 - 存储在本地驱动器库中完成的任何编辑
4 - 单击“已完成”按钮后,将所有更改信息上载到远程服务器
图像的数量会更多,例如成千上万。我想检查以上是否可行。
负责该项目的团队表示,HTML5本地存储在上下文中没有用处。他们声明下载的图像总是驻留在缓存中,并且在任何情况下都会导致性能下降,并且无法提供帮助。
这是真的吗?有没有什么可以使用新的HTML5选项来优化这个工作流程?
答案 0 :(得分:0)
理论上,您可以对图像进行base64编码,并将结果字符串存储在本地存储中。但是,做这样的事情的唯一原因是将编辑过的图像保存在"离线"模式,他们可以关闭并重新打开他们的浏览器,而不会丢失他们所做的任何更改。否则,这些编辑可以存储在内存中,一旦用户完成,就可以将其保存回服务器。
至于原始图片本身,您的团队成员是正确的,一旦文件被下载,浏览器就不会再次尝试获取它,除非标题中的过期日期已经过去。
找到另一个描述该过程的stackoverflow帖子的链接:
How to save an image to localStorage and display it on the next page?