在加载图像之前查找图像高度

Question

我有一个问题。现在我动态创建一个div来显示基于图像宽度和高度的图像。那么如何在加载图像或使用图像src之前找到图像的宽度和高度？帮助PLZ

Answer 1

我在Firefox中注意到，如果img不是绝对位置，img的父div已经拉伸到卸载的嵌入式img的大小，就像你看到alt文本（如果设置）一样。也许如果你将一个img附加到没有填充的div只有一个纳秒，检索div的高度然后删除div。

Answer 2

不幸的是，在加载图像之前你无法知道图像的大小...（它真的很有意义）

Answer 3

我认为你不能只使用javascript。您需要一些服务器端脚本才能实现。你能解释一下你获得宽度和高度的目的吗？实际上，您可以在图像加载后更改宽度和高度。

Answer 4

一种选择是创建一个服务器脚本，为您的图像提供服务并更改它，以便在传递特定参数时返回图像大小。然后在加载图像之前使用ajax调用它。

Answer 5

您可以在页面上加载图片（隐藏），然后检查naturalWidth和naturalHeight属性，但我不认为这适用于所有浏览器（我知道它适用于Firefox）

然而it looks like this person找到了一种方法来使用*.htc文件和IE的behavior规则来获取IE中的naturalWidth / naturalHeight。

Answer 6

每当我需要做这样的事情时，我会用位置显示它：绝对;左：-10000px;然后我可以检查高度和宽度，创建div并将其分离/连接到适当的位置。