HTML5 离线存储 - 照片和其他内容

Question

我有几个关于 HTML5 中的离线存储的问题。这不是我熟悉的领域，所以我希望有人能提供一些启示。

我想开发一个用户可以离线使用的基于网络的系统（用于移动设备）。显然，在他们第一次使用它时（以及之后他们需要同步数据的任何时候），都需要访问互联网。

• 需要以 json 格式下载一些文本数据。基本上，这将是某些项目的列表，这些项目将出现在应用程序的自动完成表单中（即，即使用户离线并且他们想要输入某种动物，例如，他们也会输入“Gir”和“Giraffe”是该 json 列表中下载的项目之一，将出现在自动完成框中。

• 我希望用户能够在某些点拍照。这需要在内部保存，以便在可以访问 Internet 时将其同步/上传到某个 Web 服务器。

谁能告诉我我的想法是否可以实现？

谢谢

Answer 1

使用cache manifest 来缓存应用的离线部分。您还可以将键/值数据存储在 Local Storage 中，包括文本和 blob（您应该能够将其转换为照片）。

This demo（及其文档）可能是离线照片存储的有用资源。