在Javascript中獲取圖片尺寸時第一次無法正常工作

Question

我使用javascript獲取圖片大小，但直到第二次運行後纔會返回正確的尺寸。我想知道這是爲什麼。這裏是我的代碼：

var img = new Image() 
    img.src = src 
    img.onLoad = alert(img.width); 

這有時會返回0，但幾次之後，它返回的實際圖像的寬度。我如何讓它第一次得到合適的尺寸？我認爲這是正確的方式。

Answer 1

問題是您直接調用alert而不是將其指定爲回調，因此在圖像加載之前調用它。這是你想要做什麼：

var img = new Image(); 
img.onload = function() { 
    alert(img.width); 
}; 
img.src = src; 

Answer 2

使用image元素的clientWidth屬性。

img.clientWidth; 

Answer 3

嘗試

img.onload = function(){alert(img.width);} 

，而不是

img.onLoad = alert(img.width); 

Answer 4

var img = new Image(); 
img.onload = function() { 
    alert(this.width + 'x' + this.height); 
} 
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif'; 

發現從這個鏈接的代碼： -

How to get image size (height & width) using JavaScript?