cache de imagens e dados com phonegap localmente - javascript, ios, ajax, cordova, slim

Eu tenho um aplicativo phonegap usando slim com frente do ajax. Ao listar uma determinada página, gostaria de armazenar em cache os dados e usá-los até o usuário atualizar ou enviar um gatilho para novos dados.

até agora eu tenho isso para armazenar dados json em cache: // armazena em cache os dados JSON no armazenamento local

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");
}

funciona. mas não tenho idéia de como salvar imagens ou como acionar o servidor para novos dados. obrigado.

Respostas:

Se você precisar salvar um pequeno número de imagensentão você pode convertê-lo em string base64 e armazená-lo no armazenamento local. Você pode ocultar imagens na string base64 usando a tela. Se o usuário tentar atualizar o conteúdo, você se conectará ao servidor e armazenará em cache o conteúdo mais recente.