«

JS快速获取图片宽高的方法

老王 发布于 阅读:5870 Javascript


// 记录当前时间戳
var start_time = new Date().getTime(); 
// 图片地址
var img_url = 'http://b.zol-img.com.cn/desk/bizhi/image/2/2560x1600/1365477614755.jpg?'+start_time;
// 创建对象
var img = new Image();
// 改变图片的src
img.src = img_url; 
// 定时执行获取宽高
var check = function(){
// 只要任何一方大于0
// 表示已经服务器已经返回宽高
if(img.width>0 || img.height>0){ 
var diff = new Date().getTime() - start_time;
document.body.innerHTML += 'from:check : width:'+img.width+',height:'+img.height+', time:'+diff+'ms';
clearInterval(set);
}
}; 
var set = setInterval(check,40);
// 加载完成获取宽高
img.onload = function(){
var diff = new Date().getTime() - start_time;
document.body.innerHTML += 'from:onload : width:'+img.width+',height:'+img.height+', time:'+diff+'ms';
};

javascript