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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-jQuery查找图像的高度,即使未在HTML中设置，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含744字，纯文字阅读大概需要2分钟。

内容图文

我有一个奇怪的问题.我正在运行一个简单的查询,该查询在页面上找到最大的图像.这是一些测试数据-所有图片均为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,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());
        });
    }
});

内容总结

以上是互联网集市为您收集整理的javascript-jQuery查找图像的高度,即使未在HTML中设置全部内容，希望文章能够帮你解决javascript-jQuery查找图像的高度,即使未在HTML中设置所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端