如何获得参考中图像的自然尺寸 <input type=“image” … > 在JavaScript中

Question

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

我所知道的唯一的解决办法是让价值src手动属性，载入图片和描述得到它的大小在这里 。 但我知道图像已经加载，因为它已显示在页面上。

Answer 1

一旦在该<input type="image"上没有其他样式，则可以使用与img标签相同的clientWidth/clientHeight （默认情况下，按钮的宽度/高度与src图像相同）。 不幸的是，没有一个浏览器支持输入image类型的naturalWidth/naturalHeight 。 演示版

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