Javascript Image OnLoad事件

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()函数。

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