Javascript 获取图像大小 onload

Question

我看到了关于我的问题的类似帖子，但它们只显示宽度和高度。但我必须返回这些变量以便稍后使用它们。

这是我的代码，我总是得到“0”；

var img = new Image();
img.src = "my_image.jpg";
newWidth = 0;
wnewHeight = 0;
img.onload = function() {
newWidth = (img.width*0.5);
newHeight = (img.height*0.5);
//return [newWidth , newHeight];
}

alert (newWidth);

Answer 1

使用this而不是img。

此外，当图像异步加载时，您需要将警报放入回调函数中。所以

 var img = new Image();
    img.src = "my_image.jpg";
    newWidth = 0;
    wnewHeight = 0;
    img.onload = function() {
    newWidth = (this.width*0.5);
    newHeight = (this.height*0.5);

    alert (newWidth);

    return [newWidth , newHeight];
    }