用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可以看得到!
本文转自 涂根华 51CTO博客,原文链接:http://blog.51cto.com/tugenhua/717504,如需转载请自行联系原作者