Question

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

有谁知道我怎么做到这一点？在此先感谢。

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>
$("img").load(function(){
    var img = document.getElementById('imageid'); 
    var width = img.clientWidth;
    var height = img.clientHeight;
});
</script>

demo

Answer 3

并且完全确定：在图片上添加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>

更新：

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

Standalone JS没有框架解决方案。

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

3 个答案: