android - Cordova/Phonegap/Ionic App - 远程图像的本地存储

Question

我正在使用 Ionic/AngularJS 构建一个应用程序，并会在应用程序启动时提取远程数据 (JSON)。

举个例子:

[{"id":1,"name":"Retriever","image":"http://server.com/images/image1.jpg"},
{"id":2,"name":"Collie","image":"http://server.com/images/image2.jpg"},
{"id":3,"name":"Poodle","image":"http://server.com/images/image3.jpg"}]

这个数据有很多张图片-

在设备上本地存储这些内容(并更新 JSON 中的文件路径，因为这用于过滤 View 上的显示数据)以允许离线查看的推荐方法是什么？

Answer 1

解决方案 1

使用来自 ngCordova 的 $cordovaFile 服务 - http://ngcordova.com/docs/ (看起来您将需要此服务的 downloadFile 方法)

解决方案 2

使用这个 Cordova 插件 - https://github.com/apache/cordova-plugin-file/blob/master/doc/index.md (此插件实现了一个文件 API，允许对驻留在设备上的文件进行读/写访问。)

本质上，解决方案 1 只是此文件 API 的 Angular 包装器。

解决方案 3

将图像存储在本地存储中，但由于您有大约 5 Mb 的大小限制，因此它非常有限。像这样将图像存储在存储器中通常也是个坏主意。

解决方案 4

使用 WebSQL 作为本地存储的替代方案。

---

我个人会选择解决方案 1。