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

Posted 2023-02-19

【中文标题】Cordova/Phonegap/Ionic App - 远程图像的本地存储

【英文标题】：Cordova/Phonegap/Ionic App - local store of remote images

【发布时间】：2014-10-10 16:23:25

【问题描述】：

我正在使用 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 中的文件路径，因为这用于过滤视图上的显示数据）以允许离线查看的推荐方法是什么？

【参考方案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。