從JavaScript中的URL檢查圖像的寬度和高度

Question

如果我只有圖像的URL，而沒有圖像本身，如何查看圖像的寬度和高度？

即網址可能是這樣的

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

演示

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