naturalWidth 与 naturalHeight 取得图片原始大小

最新推荐文章于 2024-04-22 17:12:32 发布

ISaiSai

最新推荐文章于 2024-04-22 17:12:32 发布

阅读量3.9k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/ISaiSai/article/details/52467738

版权

javascript 专栏收录该内容

155 篇文章 0 订阅

订阅专栏

注意问题：
- 图片没有加载的时候值为0，0
- 与img 设置的width 和height 无关，是图片的原始大小

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../base/jquery.js"></script>
</head>
<body>
<img width="200" height="125"
     src="//www.baidu.com/img/baidu_jgylogo3.gif"
     id="abc">

<script>
    $(function () {
        $("#abc").on("load", function () {
            var z = $("#abc")[0].naturalWidth;
            var m = $("#abc")[0].naturalHeight;
            alert("原始大小:" + z + "X" + m);


            var imgw = $("#abc")[0].width;
            var imgH = $("#abc")[0].height;
            alert("显示:" + imgw + "X" + imgH);
        })
    })
</script>
</body>
</html>