如何获取 JavaScript 中引用的图像的自然大小<input type="image" ... >



我在网页上具有"image"类型的input。我想获得原始图像的尺寸(不是DOM元素)。如何在JavaScript中进行?

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

一旦您在该<input type="image"上没有其他样式,则可以使用与img TAG相同的clientWidth/clientHeight(默认情况下,按钮将具有与SRC Image相同的宽度/高度)。不幸的是,没有任何浏览器支持naturalWidth/naturalHeight用于输入类型图像。演示

同时 - 我发现使用其他IMG元素获得图像的宽度/高度没有大问题。在大多数情况下,图像将从缓存中获取。

相关内容

最新更新