Javascript获取图片的大小

2022-08-04 22:52:42

用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 tugenhua@126.com
* 获取图片的大小的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可以看得到！

附件：http://down.51cto.com/data/2359293

本文转自涂根华 51CTO博客，原文链接：http://blog.51cto.com/tugenhua/717504，如需转载请自行联系原作者