Question

我想用js获取一张图片的宽度和高度 请问怎么能获取 图片在<img>标签中

我想用js获取一张图片的宽度和高度 请问怎么能获取 图片在<img>标签中

Answer 1

<img id="_img" src="abc.jpg" >

<script type="text/javascript">
function getWH(){
var id="_img";
var w=0;
var h=0;
// 具有较好的通用性
var real= document.getElementById(id).height || document.getElementById(id).style.height || document.getElementById(id).offsetHeight;
h=parseInt(real);
real= document.getElementById(id).width || document.getElementById(id).style.width || document.getElementById(id).offsetWidth;
w=parseInt(real);
alert("w:"+w+" ; h:"+h)
}
getWH();

</script>

Answer 2

直接访问width属性和height属性就可以,前提是你不能设置这两个属性,否则取回的不是图像的真实尺寸,而是你设置的值.如:
<img id="aa" src="t.jpg" onload="javascript:loaded();">
<script type="text/javascript">
function loaded(){
var w=document.getElementById('aa').width;
var h=document.getElementById('aa').height;
alert(w);
alert(h);
}
</script>