javascript - Javascript 图像加载事件

Question

我知道我可以将事件侦听器附加到加载图像，以便在图像完成加载时触发，如下所示：

<img id="mine" src="image.jpg" />

<script>
$('#mine').load(function() {
  console.log($(this).height()); //The image's height
  console.log($(this).width()); //The image's width
})
</script>

但是我的浏览器在加载标题后就知道图像会有多大 - 我可以点击该事件，以便浏览器知道图像的大小后我可以调整页面上元素的大小吗？

谢谢！

Answer 1

不，你不能。但是，您应该将图像的尺寸与标签一起传递。

<img id="mine" src="image.jpg" width="100" height="100">

例如，在 PHP 中您可以使用该getimagesize()函数。

它甚至是改进浏览器渲染的推荐做法。