如何在加载到html之前获取图像大小？

首先，图像高度为零，然后通过刷新页面我得到它的实际高度。 我需要第一次达到它的高度？ 任何身体可以帮助我吗？

$j(document).ready(function(){ var imgV = new Image(); imgV.src="http://sofzh.miximages.com/javascript/Riverside Nature Center3.JPG"; $j("#imgD").html(imgV.height); alert(imgV.height); }); 
  

Answer 1

您不必将图像插入DOM以获取其尺寸：

 $("") .attr("src", "http://sofzh.miximages.com/javascript/logo.gif") .load(function() { alert(this.width); alert(this.height); }) ; 

Answer 2

图像大小仅在加载图像时可用。 可能在您重新加载页面时，图像会立即从缓存中提供，因此其大小立即可用。

如果出于某种原因需要在显示图像之前获得大小，则可以在屏幕外显示该图像。 添加一个onload处理程序，它将在映像准备好时调用 – 然后您可以检查它的大小，并将其附加到需要的位置。

通过显示屏幕外，我的意思是将它粘贴到1×1像素div中， 溢出：隐藏式，位于页面底部的某个位置。