javascript-jQuery查找图像的高度,即使未在HTML中设置

前端之家收集整理的这篇文章主要介绍了javascript-jQuery查找图像的高度,即使未在HTML中设置 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个奇怪的问题.我正在运行一个简单的查询,该查询页面上找到最大的图像.这是一些测试数据-所有图片均为32×32,但其中一张图片的尺寸为300×300.

<img src="app/assets/images/icons/blue.png" />
<img src="app/assets/images/icons/error.png"/>
<img src="app/assets/images/icons/info.png" height="300" width="300"/>

如果我运行像这样的简单查询

$('img').each(function(){
        console.log($(this).height());
    });

我将得到0,300 —而不会得到32,32,300.

谁能给我指出找到图像渲染尺寸的更好方法

谢谢.

最佳答案
如果图片的大小是“自然”的,即HTML中没有宽度或高度,则需要等待图片加载后才能知道其大小.我用这个:

jQuery("img").each(function(){
    var img = jQuery(this);
    if (img.attr("complete")) {
        console.log(img.height());
    } else {
        img.load(function(){
            console.log(img.height());
        });
    }
});

猜你在找的jQuery相关文章