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