javascript - 在 Javascript 中获取图像大小第一次不起作用

Question

我正在使用 javascript 获取图像大小，但在我第二次运行它之前它不会返回正确的大小。我想知道这是为什么。这是我的代码：

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

这0有时会返回，但几次后它会返回实际的图像宽度。我如何让它第一次得到正确的尺寸？我认为这是正确的方法。

Answer 1

问题是您直接调用警报而不是将其分配为回调，因此在加载图像之前调用它。这就是你想要做的：

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

Answer 2

尝试

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

代替

img.onLoad = alert(img.width);

Answer 3

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';

从此链接中找到了代码：-

如何使用 JavaScript 获取图像大小（高度和宽度）？

Answer 4

使用图像元素的 clientWidth 属性。

img.clientWidth;