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

Question

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

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

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 字符串。如果用户尝试刷新内容，则您连接到服务器并缓存最新内容。