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