Come posso memorizzare i file di image localmente con PhoneGap / Cordova?

Ecco il mio problema:

Faccio un'applicazione Web / Mobile, utilizzando AngularJS e Cordova. Per lo scopo offline, utilizzo localStorage per memorizzare tutti i dati dell'applicazione (JSON, parametri e così via).

La cosa è: ho bisogno di memorizzare / cache le immagini localmente (di nuovo, scopo offline). Poiché il limite di dimensione localStorage è di circa 5mo, non posso utilizzarlo, ho bisogno di più .

Ho pensato di poter utilizzare un manifesto di cache, ma non funziona, perché devo aggiornarlo regolarmente, senza ricompilare l'applicazione (ho pensato di mettere il manifesto di cache su un server esterno, ma è come non posso usare un manifesto di cache di un altro dominio).

Quindi sto pensando di usare Cordova / Phonegap File API, ma non ho idea di realizzarlo

Qualsiasi aiuto o idee?

Dopo lunghe ore di ricerca su SO e Github, ho trovato imgCache.js , una libreria JS che gestisce la cache dei file per Chrome, Android e iOs (attraverso Cordova).

https://github.com/chrisben/imgcache.js/

Poi, fondamentalmente:

var target = $('.cached-img'); ImgCache.isCached(target.attr('src'), function(path, success){ if(success){ // already cached ImgCache.useCachedFile(target); } else { // not there, need to cache the image ImgCache.cacheFile(target.attr('src'), function(){ ImgCache.useCachedFile(target); }); } }); 

Utilizzare il FileSystem HTML5 tramite il plugin File Cordova. La documentazione di File di Cordova dovrebbe avere un FileEntry-> File. Quindi il File dovrebbe essere utilizzabile tramite i methods HTML 5 FileSystem. https://github.com/apache/cordova-plugin-file