我正在构建一个 PhoneGap ios 应用程序,该应用程序用于使用 JSON 从服务器导入数据,该数据包含图像 URL,我已经习惯将数据缓存在本地存储中,以便在应用程序断开 Internet 连接时使用它但是我有一个问题是缓存图像的最佳方式是什么。
我正在考虑将图像转换为 data-uri 并将其保存到 IOS 数据库。
请告知此解决方案是否可行或是否有其他最佳解决方案?
这篇博文应该让您走上正确的轨道https://www.raymondcamden.com/2012/01/19/Downloading-files-to-a-PhoneGap-application-Part-1/
Phonegap API 有一个文件系统,您可以使用它来存储从远程服务器下载的图像,这可能是您的最佳选择吗?
这些文件将存储在应用程序的 Documents 文件夹中,因此您需要找到该路径(每次安装到下一次安装都不同),然后将文件保存在本地并将路径保存在 localstorage 中。
这是一个代码片段 - 首先它制作并保存一个 dummy.html 文件以锻炼本地路径 - 然后它下载文件 -
function downloadFile(webURL,webFilename){
window.requestFileSystem(
LocalFileSystem.PERSISTENT, 0,
function onFileSystemSuccess(fileSystem) {
fileSystem.root.getFile(
"dummy.html", {create: true, exclusive: false},
function gotFileEntry(fileEntry){
var sPath = fileEntry.fullPath.replace("dummy.html","");
var fileTransfer = new FileTransfer();
fileEntry.remove();
fileTransfer.onprogress = function(result){
var percent = result.loaded / result.total * 100;
percent = Math.round(percent);
console.log('Downloaded: ' + percent + '%');
};
fileTransfer.download(
webURL,
sPath + webFilename,
function(theFile) {
console.log("download complete: " + theFile.toURL());
showLink(theFile.toURL());
},
function(error) {
console.log("download error source " + error.source);
console.log("download error target " + error.target);
console.log("upload error code: " + error.code);
navigator.notification.alert('Seems to be an error downloading this background. Try again later.', null, 'Error', 'OK');
}
);
},
fail);
},
fail);
}
function showLink(localurl){
console.log(localurl);
}