Jquery Расчет ширины и высоты изображения по URL изображения

Question

Я пытаюсь узнать ширину и высоту изображения по адресу / URL-адресу изображения, используя javascript и jquery.

Кто-нибудь знает, как я могу это сделать? Заранее спасибо.

Answer 1

Чтобы сделать это без тела, попробуйте следующее:

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);
});

Answer 2

и чтобы быть полностью уверенным: добавьте обратный вызов при загрузке на ваше изображение

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

UPDATE:

Comment #1] Okay just tried to be nice?

Если вы хотите сделать это без добавления чего-либо, собственно дерево DOM:

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

Автономное решение JS без фреймворка.

Answer 3

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

демо