• html中获取图片的真实尺寸


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

    <html>
        <head>
            <script type="text/javascript" src="jquery.js"></script>
        </head>
        <body>
                <img style="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复制回去,就可以直接使用了!

  • 相关阅读:
    wc 统计程序
    读C#程序
    VS2013 单元测试
    android开发心得之知识的量变到质变
    大学第一篇博客
    团队作业七
    团队作业六
    团队作业五
    团队作业四
    团队作业三
  • 原文地址:https://www.cnblogs.com/zhuxiaojie/p/4810960.html
Copyright © 2020-2023  润新知