在本地使用 phonegap 缓存图像和数据

Question

我有一个 phonegap 应用程序使用 slim 和 ajax 前端。当我列出某个页面时，我想缓存数据，然后使用它直到用户刷新或发送新数据的触发器。

到目前为止，我有这个用于缓存 json 数据： //将JSON数据缓存到本地存储中

try {
                                localStorage.setItem('cachedProducts', JSON.stringify(data));
                                JSON.parse(localStorage.getItem('cachedProducts'));
                                var bar = localStorage.getItem('cachedProducts');
                                clog(bar);

                            } catch (e) {
                                clog("didn't work");
                            }

它有效。但我不知道如何保存图像或如何触发服务器获取新数据。谢谢。

Answer 1

如果您需要保存少量图像，则可以将其转换为 base64 字符串并将其存储到本地存储中。您可以使用画布将图像转换为 base64 字符串。如果用户尝试刷新内容，那么您连接到服务器并缓存最新的内容。