Javascript 本地存储和本地文件

我们计划在HTML5中创建一个图像处理服务。一个目标是，该服务将适用于匿名用户

• 用户添加图像（打开文件对话框/拖放）
• 用户在浏览器中操纵图像
• 用户保存结果

现在，这里的诀窍是，浏览器可能会在任何时候在我们的控制下死亡（用户存在，笔记本电脑电池是空的，等等）。我们想在这里进行某种自动保存，记录进度。这意味着最好以脱机方式跟踪页面上添加的图像

---

问题是，我们是否可以在本地自动保存用户在页面上添加的文件和图像，或者在必须重新加载页面的情况下，我们是否强制用户重新输入他/她在页面上添加的所有图像？localStorage是否支持本地文件对象或引用？

是的，您可以实现自动保存功能

您可以使用HTML5画布API让用户在浏览器中操作图像。然后可以使用方法获取图像的数据URL。获取该信息后，您可以将其保存到localstorage。我们现在可以在localstorage中只保存字符串。表示对象可以保存在localstorage中，但大多数浏览器不支持它

setInterval

方法可用于定期保存图像。

不可能：

---

你考虑过饼干吗？本地存储在页面刷新后仍然存在…问题是DataURI会生成大量带有照片的大图像。例如，作为PNG图像的1920 x 1080全高清照片将为数兆字节。我认为本地存储甚至不允许存储兆字节。你可以使用5兆字节。我觉得拍一张照片就足够了。但对于几个图像来说，这还不够：（看起来一些浏览器上正在使用dataURI的图像/jpeg编码，这会使存储的使用更加合理。如果您将其发布为chrome扩展，则可以请求ulimited存储。否则，您将被限制为5 MB。数据URL与Blob URI不同。如上所述，照片的dataURI太大，不适合localStora。）通用电气