2011-04-19 81 views
0

如何獲得動態加載的圖像的寬度和高度?如何獲取動態加載的圖像的寬度和高度?

<img id="thumb_320" src="dscn6691_thumb_320.jpg"> 
+5

你不能。這只是一個錨標籤。它不具有圖像本身的知識。你必須加載圖片,然後抓住javascript的尺寸。 – 2011-04-19 04:18:35

+1

如果您可以放棄IE6&7(也可能是8),那麼您可以使用Image()對象。我認爲你可以加載它而不渲染它,從而獲得圖像的尺寸。 – tjameson 2011-04-19 04:20:13

回答

4

嘗試使用Image對象。儘管如此,我確實不太確定兼容性。

這樣一些代碼可能看起來像:

var img = new Image(); 

img.onload = function(){ 
    alert('Width: ' + img.width +', Height: ' + img.height); 
} 

img.src = 'http://www.google.com/images/logos/ps_logo2.png'; 

例子: http://jsfiddle.net/EQdxw/2/

+0

這可以使用圖像ID而不是img.src嗎? – JV10 2011-04-19 04:46:38

+0

只需添加一個ID即可。你必須有一個src,否則將沒有圖像加載。 – 2011-04-19 04:51:37

+0

剛剛在IE7和IE8中嘗試過。兩者都可以正常工作。 – Sylverdrag 2011-04-20 02:48:43

相關問題