缓存图像＆amp;本地带有phonegap的数据

Question

我有一个使用slim with ajax front的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字符串并将其存储到本地存储中。您可以使用canvas将图像转换为base64字符串。如果用户尝试刷新内容，则连接到服务器并缓存最新内容。