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复制回去，就可以直接使用了!

posted @ 2015-09-15 17:50  朱小杰  阅读(2963)  评论(1)  编辑  收藏  举报