jQuery有没有获取img图片实际尺寸的方法_框架

var _w = parseInt($(window)width());//获取浏览器的宽度

$("new_mess_c img")each(function(i){

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 = thiswidth;

realHeight = thisheight;

//如果真实的宽度大于浏览器的宽度就按照100%显示

if(realWidth>=_w){

$(img)css("width","100%")css("height","auto");

}

else{//如果小于浏览器的宽度按照原尺寸显示

$(img)css("width",realWidth+'px')css("height",realHeight+'px');

}

});

首先你要先找出你的那个img标签然后在用jq的attr属性获取

<!DOCTYPE html>

<head>

<title>Document</title>

img{width:30%;}

</style>

$(document)ready(function() {

var srcImg =$('img')attr('src');

alert(srcImg);

});

</script>

</head>

<body>

<img src="

</body>

</html>

结果

以上就是关于jQuery有没有获取img图片实际尺寸的方法全部的内容，包括:jQuery有没有获取img图片实际尺寸的方法、有一段代码怎样用jquery获取里面的img src属性代码要写在文件外部、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

jQuery有没有获取img图片实际尺寸的方法