Jquery从图像URL计算图像的宽度和高度

我试图使用javascript和jquery从图像的地址/URL中找出图像的宽度和高度

有人知道我怎么做吗？提前感谢。

<img src="link/to/image.gif" id="imageid" />
<script>
$("img").load(function(){
    var img = document.getElementById('imageid'); 
    var width = img.clientWidth;
    var height = img.clientHeight;
});
</script>

$（“img”）.load（函数（）{
var img=document.getElementById（'imageid'）；
变量宽度=img.clientWidth；
变量高度=img.clientHeight；
});

---

而且要完全确定：在图像上添加一个onload回调

<img src="link/to/image.gif" id="imageid" />
<script>
var img = document.getElementById('imageid'); 
img.onload = function() {
    var width = img.clientWidth;
    var height = img.clientHeight;
}
</script>

如果不想在DOM树中添加任何内容，请执行以下操作：

var image = new Image();
image.src = "link/to/image.gif";
image.onload = function() {
    var width = image.clientWidth;
    var height = image.clientHeight;
};

---

独立JS无框架解决方案。

若要在正文中不包含任何内容的情况下执行此操作，请尝试以下操作：

var imgURL = 'http://www.gravatar.com/avatar/f77ef279d6b33bc09ce5422049dd9e37?s=32&d=identicon&r=PG';
var img = $('<img src="'+imgURL+'"/>').load(function(){
    console.log(this.width + ' x ' + this.height);
});

var imgURL='1〕http://www.gravatar.com/avatar/f77ef279d6b33bc09ce5422049dd9e37?s=32&d=identicon&r=PG';
var img=$（''）.load（函数（）{
console.log（this.width+'x'+this.height）；
});

我知道这一点，先生。。但是我不能用身份证来做图像。。由于我对jquery不太了解，我必须对从web下载的现有jquery代码进行一些更改，其中一个函数获取图像url，然后在div中显示。plz help为什么您不能向图像中添加id？如果要获取图像的宽度和高度，必须先将其附加到DOM中。问题到底出在哪里？这是单击缩略图后的url。。我在一个警报框中显示，现在它显示了。您正在向图像的URL发出警报。只需将图像放入隐藏的img标签中，等待它加载，然后按照上面所述对高度/宽度执行任何您想执行的操作。是否下载整个图片以获得其大小？或者在不下载图像的情况下获取大小（假设其为4mb）？它不显示图片，但必须下载整个图像才能获取其大小。反复下载图像对您不好。谢谢你的澄清

var imgURL = 'http://www.gravatar.com/avatar/f77ef279d6b33bc09ce5422049dd9e37?s=32&d=identicon&r=PG';
var img = $('<img src="'+imgURL+'"/>').load(function(){
    console.log(this.width + ' x ' + this.height);
});