js如何獲取圖片的長寬尺寸

antzone發表於2017-03-13
JS

獲取圖片的尺寸在實際應用中肯定是會用到的，當然場景要根據實際需求而定，廢話不多說直接來程式碼。

方式一:

[JavaScript] 純文字檢視 複製程式碼
window.onload=function(){
  var img=document.getElementById("img");
   img.width;//獲取圖片的寬度
   img.height;//獲取圖片的高度
}
</script>
</head>
<body>
<img src="selectBG.gif" id="img">
</body>

以上程式碼可以獲取圖片的尺寸，當然程式碼經過精簡。

方式二:

[JavaScript] 純文字檢視 複製程式碼
<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>

以上程式碼同樣可以獲得圖片的尺寸，具體選擇哪種方式要根據具體情況。

相關文章