PhoneGap 提供了下载的功能.下载是一个很有用的功能,可以把图片或文件本地化,提高下次浏览的速度.不用重复刷新加载.
只有第一次下载图片,以后利用缓存判断图片是否在本地.就不用浪费流量, 以及加快页面加载速度.
其核心代码如下:
var imgurl="图片下载地址";
window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSystem){
//getpicname 为我自己写的一个取图片名称的函数,这个可以根据自己的图片名称定义方式来写.
var _imagename=getpicname(imgurl)
var _localFile = fileSystem.root.fullPath+"/newsimg/"+_imagename+"";
//查找文件
fileSystem.root.getFile(_localFile, null, function(fileEntry){
//文件存在就直接显示
//这里不同手机不执行 所以需要换个方式来检测.
}, function(){
//判断图片缓存是否存在,存在则不用下载
var checkexist=window.localStorage.getItem(getpicname(imgurl));
if(checkexist==null || checkexist!=_localFile){
//否则就到网络下载图片!
var fileTransfer = new FileTransfer();
fileTransfer.download(_imgurl, _localFile, function (entry) {
window.localStorage.setItem(getpicname(imgurl), entry.fullPath);
//验证通过,并已下载成功
}, function (error) {
//alert("Some error");
});
}
else{
}
});
}, function(evt){
console.log("加载文件系统出现错误");
alert("加载文件系统出现错误");
});
Phonegap的判断图片是否存在的函数,在有些手机上无法检测出来结果,只能退而求其次,用缓存的方式来保存.
================================================================================
补充说明,图片会显示到手机的图库里,这样不好,所以需要再建立一个nomedia的文件夹.放在你图片下载的目录下.