Jquery 获取img图片的真实宽高

在页面加载完成后是无法直接获取img标签的图片真实宽高的,Jquery 可以类似js创建一个new Image()对象来获取。

具体代码:

$('img').each(function () {
var img = $(this);
var realWidth;//真实的宽度
var realHeight;//真实的高度
// 这里做下说明,$("<img/>")这里是创建一个临时的img标签,类似js创建一个new Image()对象!
$("<img/>").attr("src", $(img).attr("src")).load(function () {
/*
如果要获取图片的真实的宽度和高度有三点必须注意
1、需要创建一个image对象:如这里的$("<img/>")
2、指定图片的src路径
3、一定要在图片加载完成后执行如.load()函数里执行
*/
realWidth = this.width;
realHeight = this.height;
//do other thing
});
});
转载请注明:6K & 3o » Jquery 获取img图片的真实宽高

评论:

留下你的评论: