localStorage和本地文件

Question

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

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

现在，这里的诀窍是浏览器可能随时死在我们面前（用户存在，笔记本电脑电量耗尽等等）我们想在这里进行某种自动保存，记录进度。这意味着保持在页面上添加图像的轨迹，最好是离线方式。

问题是，我们可以以某种方式在本地自动保存用户在页面上添加的文件和图像，或者我们是否被迫让用户重新输入他/她在页面上添加的所有图像，必须是重装？ localStorage是否支持本地文件对象或引用？

Answer 1

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

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

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

Answer 2

不可能：

http://dev.w3.org/2006/webapi/FileAPI/#lifeTime