js判断图片加载完成后获取图片实际宽高

最新推荐文章于 2024-08-05 18:37:33 发布

原创最新推荐文章于 2024-08-05 18:37:33 发布 · 689 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #图片

06-web前端(js/jquery) 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态获取图片尺寸的方法。通过为图片元素添加事件监听器，在图片加载完成后调用自定义函数imgSize()来获取并展示图片的宽度和高度。此方法适用于网页开发中需要动态调整布局的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<a href="#" id="imgId"><img width="50" height="50" src="xxx.gif" id="test"></a>
<script>
var imgId=document.getElementById("imgId");
var $img=imgId.getElementsByTagName("img")[0];
$img.onload = function(){
    imgSize.call($img);
};
function imgSize(){
   var imgObj = new Image();
   imgObj.src = this.src;
   alert(imgObj.width + "\n" + imgObj.height);
}
</script>