很多时候在网页对图片进行处理的时候需要获得图片的原始尺寸,利用js来实现是比较常见的方法,
下面是js获得图片原始尺寸的代码;
- <style>
- #img{
- width:200px;
- height:120px;
- }
- </style>
- <p><img id="img" src="http://www.baidu.com/img/baidu_sylogo1.gif"/>
- <br/>
- <a href="javascript:;" id="a">获得图片尺寸顺便查看原图</a>
- <br/>
- <img id="newImg"/>
- <script>
- document.getElementById("a").onclick=function(){
- var img=new Image();
- img.src=document.getElementById("img").src;
- var width=img.width,height=img.height;
- alert(width+" "+height);
- document.getElementById("newImg").src=img.src;
- }
- </script>
来自:踏雪无痕