JavaScript - 實現圖像寬度和高度的功能（跨瀏覽器）

Question

如何獲得實際圖像寬度&通過JavaScript函數實現高度（跨瀏覽器）？

Answer 1

首先，你必須讓你的回答過的問題，如果你只是問它更禮貌的方式，並提供儘可能多的相關信息，儘可能的機會較大。

反正...

對於因爲據我所知，您可以使用.width財產橫跨幾乎所有的瀏覽器：

function getDimensions(id) { 
    var element = document.getElementById(id); 
    if (element && element.tagName.toLowerCase() == 'img') { 
     return { 
      width: element.width, 
      height: element.height 
     }; 
    } 
} 

<img id="myimage" src="foo.jpg" alt="" /> 

// using the function on the above image: 
var dims = getDimensions('myimage'); 
alert(dims.width); --> shows width 
alert(dims.height); --> shows height 

Answer 2

Yay，Google！

有幾種方法可以根據您的需要來完成此操作（您可以省略不必要的操作）。在一般意義上，最簡單的可能是獲取對Image對象的引用並檢查width和height屬性。

Answer 3

的jQuery + <img src="" ... id="hello" /> + $("#hello").width()

Answer 4

var realWidth = $("#image").attr("naturalWidth"); 
var realHeight = $("#image").attr("naturalHeight");