javascript图片预加载,监测图片加载完成,获取图片真实尺寸的组件(图片延迟加载)
// 首先在页面中引入imageReady.js
/**
* @param img string|Image 图片url或者Image对象
* @param onready Function 图片尺寸已获取(此时图片还未完全下载下来)
* @param onload Function 图片加载完成
* @param onerror Function 图片加载失败
*
* onready、onload、onerror的参数只有一个,都是Image对象
*/
imageReady=function(img, onready, onload, onerror){}
//调用
imageReady('http://www.planeart.cn/demo/imgReady/vistas24.jpg',
function(img){
console.log('图片已经ready了,可以获取宽高了')
},function(img){
console.log('图片已经下载完成了')
},function(img){
console.log('图片下载出错了')
}
);
/* 如果图片可以获取,则输出:
* 图片已经ready了,可以获取宽高了
* 图片已经下载完成了
*/
/* 如果图片地址不可用或者网络不可用,则输出:
* 图片下载出错了
*/