Javascript 用于查找HTML图像固有大小的脚本_Javascript_Html_Dom

Javascript 用于查找HTML图像固有大小的脚本

javascript html dom

Javascript 用于查找HTML图像固有大小的脚本,javascript,html,dom,Javascript,Html,Dom,是否可以从Javascript中找到HTML文档中图像的固有大小？在脚本中创建图像元素，并将src属性设置为与要测量的图像相同的URL。然后可以读取宽度和高度属性要获得可靠的结果，您需要确保图像已加载，如本完整示例所示： <!DOCTYPE html> <style> img { width: 100% } </style> <img id="my_image_element" src="rustacean.jpeg"> <scri

是否可以从Javascript中找到HTML文档中图像的固有大小？

在脚本中创建图像元素，并将

src

属性设置为与要测量的图像相同的URL。然后可以读取

宽度

和

高度

属性

要获得可靠的结果，您需要确保图像已加载，如本完整示例所示：

<!DOCTYPE html>
<style>
    img { width: 100% }
</style>
<img id="my_image_element" src="rustacean.jpeg">
<script>
    var url = my_image_element.src;
    var img = new Image;
    img.onload = function() {
        console.log("Intrinsic size: "+ img.width +"x"+ img.height);
    };
    img.src = url;
</script>


img{宽度：100%}
var url=my_image_element.src；
var img=新图像；
img.onload=函数（）{
控制台日志（“固有尺寸：+img.width+“x”+img.height）；
};
img.src=url；

非常老的问题，但这就是我搜索时的结果。这些天（自IE9以来）有

naturalHeight

和

naturalWidth

属性：

我想这些都是我想要的。

@Lal:这是创始人明确鼓励的：是的，没问题..但是..看看这两个都发布的时间..完全一样..@AlexK.这不适用于我在运行时动态设置图像源的情况