jquery獲取圖片的實際尺寸大小程式碼例項

本章節介紹介紹一下如何獲取圖片的實際尺寸，比如下面有這麼一張圖片。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<img id="theimage" width="100" height="100" src="images/antzone.jpg" />

可能很多初學者認為獲取標籤中的width和height不就可以了嗎，其實這是不對的，這是人為設定的尺寸，並不一定是圖片的實際尺寸。通常情況下，是通過Image物件來獲取圖片的尺寸。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
$("#theimage").load(function(){
  var img=new Image();
  img.src=$('#theimage').attr('src');
  //img.width;獲取寬度
  //img.height;獲取高度
});

使用load事件可以保證圖片載入完畢，如果圖片沒有載入完畢，那麼就無法正確獲取圖片的尺寸，五篇載入完畢之後，建立一個Image物件，img.src=$('#theimage').attr('src'),將圖片的路徑賦值給img物件的src屬性，那麼就可以獲取此圖片了，於是就可以獲取寬度和高度了。