js如何获取图片宽高-木庄网络博客

本文摘自PHP中文网，作者coldplay.xixi，侵删。

js获取图片宽高的方法：1、onload后在打印；2、通过complete与onload一起混合使用；3、通过定时循环检测获取，代码为【from:check : width:'+img.width+',height:'+img.heig】。

本教程操作环境：windows7系统、css3版，DELL G3电脑。

js获取图片宽高的方法：

一、简陋的获取图片方式

// 图片地址 后面加时间戳是为了避免缓存
var img_url = ‘upload/2013/13643608813441.jpg?'+Date.parse(new Date());
   
// 创建对象
var img = new Image();
   
// 改变图片的src
img.src = img_url;
   
// 打印
alert('width:'+img.width+',height:'+img.height);

结果如下：

宽高都是0的这个结果很正常，因为图片的相关数据都没有被加载前它的宽高默认就是0 于是可以这么优化！

二、onload后在打印

// 图片地址 后面加时间戳是为了避免缓存
var img_url = 'upload/2013/13643608813441.jpg?'+Date.parse(new Date());
   
// 创建对象
var img = new Image();
   
// 改变图片的src
img.src = img_url;
   
// 加载完成执行
img.onload = function(){
 // 打印
 alert('width:'+img.width+',height:'+img.height);
};