您的位置：首页 > Web前端 > JavaScript

Javascript获取图片的大小

2011-11-17 22:48 295 查看

用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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 职场 JavaScript 休闲 Javascript获取图片的大小

相关文章推荐

新的分享

章节导航