如何在javascript中获取<input type =“image”... =“”/>中引用的图像的自然大小

Question

我的网页上有input类型"image"。我想获得原始图像的尺寸（不是DOM元素）。如何在javascript中完成？

我所知道的唯一解决方案是获取src属性的值，手动加载图像并按照here所述获取其大小。但我知道图像已经加载，因为它显示在页面上。

Answer 1

在<input type="image"上没有其他样式后，您可以使用与clientWidth/clientHeight标记相同的img（默认情况下，按钮的宽度/高度与src图像相同）。遗憾的是，没有一个浏览器支持naturalWidth/naturalHeight输入类型图像。 Demo

同时 - 我发现使用额外的img元素来获取图像的宽度/高度没有什么大问题。在大多数情况下，图像将从缓存中获取。