html中获取图片的真实尺寸


使用js得到图片的真实尺寸,下面就是js代码:

<html>
    <head>
        <script type="text/javascript" src="jquery.js"></script>
    </head>
    <body>
            <img style="width:100px;height:100px;" id="img" src="4.jpg"/>
            <button onclick="ge();">点我送屠龙宝刀</button>
    </body>

    <script type="text/javascript">
        function ge(){
            var img = document.getElementById("img");
            //把这个对象进行克隆
            var ig = $(img).clone();
            //把css属性中的width与height去掉,然后就是它的真实尺寸了
            $(ig).css("width","");
            $(ig).css("height","")

            //这里把jquery转成了原生的js对象,来取它的宽度与长度
            alert("宽度:"+$(ig)[0].width+"    高度:"+$(ig)[0].height);
        }
    </script>
</html>

把这个html复制回去,就可以直接使用了!


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM