javascript - 图片完全加载后如何获取图片高度？

<分区>

我有一些不小的图像，我需要使用 jQuery 来获取它们加载到各自的 div 后的高度和宽度。之前有人问过这个问题，我尝试了很多建议。例如:建议使用以下代码，它仅在每次页面刷新时间歇性地工作:

jQuery(function() {
  jQuery(".youtube-image-thumbnail img").on('load', function() {
    console.log(jQuery(this).height());
  });

});

这个解决方案根本不起作用

jQuery(function() {
  console.log('here')
  jQuery(".youtube-image-thumbnail img").bind('load', function() {
    console.log(jQuery(this).height());
  });
});

我的 html 元素如下所示:

<div class="youtube-image-thumbnail">
<img src="/youtube_image/public/video_thumbnails/exvLChu1-fk.jpg?itok=q0nFDq8g" alt="" typeof="foaf:Image" class="img-responsive">
</div>

这是一个JsFiddle snippet 我是否遗漏了什么或者是否有更好更合理的解决方案？

最佳答案

在您绑定(bind) img 时，它已经加载。

如果您先绑定(bind)它，这种方法就会起作用。

在(这个例子)[ https://jsfiddle.net/oxdqe42L/4/]我在绑定(bind)后更改了 img 源，然后加载事件触发了绑定(bind)的处理程序

关于javascript - 图片完全加载后如何获取图片高度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53877818/