在JavaScript中检查URL中的图像宽度和高度

Question

如果我只有图像的网址，而不是图像本身，我如何检查图像的宽度和高度？

即。网址可能类似于

http://www.myadvertiserprovider.com/images/myuserid/ad_image.png

如果图片尺寸不是我期望的那样，我想要做的是跳过在页面中插入广告。我不想调整图像大小，我要求图像是我期望的精确尺寸。

Answer 1

您必须加载图片。你可以试试像

这样的东西

var img = new Image();
img.onload = function () { 
    alert("height: " + img.height + " width:" + img.width); 
};
img.src = "https://www.gravatar.com/avatar/d17c95dfa5820a212d979da58bc3435c?s=128&d=identicon&r=PG";

DEMO

Answer 2

如果不加载图像，则无法在客户端完成此操作，除非您要求在URI中写入图像的大小，例如image200x350.jpg。

如果要在将图像放入文档之前加载图像并检查图像：

var image = new Image();

image.onload = function() {
    console.log("Height: " + image.height + ", Width: " + image.width);

}

image.src = "http://tes.jpl.nasa.gov/css/homeWelcome.png";