WEB前端

js获取图片宽度高度尺寸的代码

位置:首页 > WEB前端 > js教程,2019-08-08 10:09
js获取图片的尺寸在实际应用中肯定是会用到的,当然场景要根据实际需求而定,废话不多说直接来代码。
获取图片的尺寸在实际应用中肯定是会用到的,当然场景要根据实际需求而定,废话不多说直接来代码。
方式一:
window.onload=function(){
  var img=document.getElementById("img");
   img.width;//获取图片的宽度
   img.height;//获取图片的高度
}
</script>
</head>
<body>
<img src="selectBG.gif" id="img">
</body>
以上代码可以获取图片的尺寸,当然代码经过精简。

方式二:
<script type="text/javascript"> 
window.onload=function(){
  var imgObj=new Image();
  imgObj.src="selectBG.gif";
  imgObj.width;
}
</script>
</head>
<body>
<img src="selectBG.gif" id="img">
</body>
以上代码同样可以获得图片的尺寸,具体选择哪种方式要根据具体情况。

TAGS:js获取图片宽度js获取图片高度js获取图片尺寸

猜你喜欢

NewHot