在 HTML5 中本地存储图像答案

【问题标题】：storing images locally in HTML5在 HTML5 中本地存储图像
【发布时间】：2014-09-04 13:54:15
【问题描述】：

所以我们正在制作这个网络图片库。我们正在规划一个类似这样的架构：

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

2 - 在图库中显示，就好像它是从本地驱动器渲染的一样

3 - 将库中所做的任何编辑存储在本地驱动器中

4 - 单击完成按钮后，将所有更改信息上传到远程服务器

图片的数量会更高，可能有数千张。我想检查以上是否可行。

从事该项目的团队表示 HTML5 本地存储在上下文中没有用处。他们说下载的图像总是会驻留在缓存中，无论如何都会导致性能下降，这是无济于事的。

这是真的吗？是否可以使用新的 HTML5 选项来优化此工作流程？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：