用javascript擷取圖檔大小的方法，如下：
<body>
<img src="img12.jpg" id="imgTest" alt=""/>
<script type="text/javascript" src="img.js"></script>
<script type="text/javascript">
var imageID = document.getElementById("imgTest"),
imageSize = getImageSize(imageID),
imageW = imageSize[0],
imageH = imageSize[1];
console.log(imageW);
console.log(imageH);
</script>
</body>
Javascript
/**
* @author tugenhua
* @email [email protected]
* 擷取圖檔的大小的js getImageSize方法
* 在頁面上調用的方式
* <script>
* var imageID = document.getElementId("XXID"),
* imageSize = getImageSize(imageID),
* imageW = imageSize[0],
* imageH = imageSize[1];
* 測試方式
* console.log(imageW);
* console.log(imageH);
* </script>
*/
function getImageSize(imgId){
var i = new Image(); //建立一個圖檔對象
i.src = imgId.src; //将圖檔的src屬性指派給建立的圖檔對象的src
return new Array(i.width,i.height); //傳回建立的數組的執行個體
}
到火狐遊覽器用firebug可以看得到！
<a href="http://down.51cto.com/data/2359293" target="_blank">附件：http://down.51cto.com/data/2359293</a>
本文轉自 塗根華 51CTO部落格，原文連結：http://blog.51cto.com/tugenhua/717504，如需轉載請自行聯系原作者
![主流浏覽器四大綜合性能測試[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)