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

甚至推薦的做法是改進瀏覽器渲染。