用javascript获取图片大小的方法,如下:

 


  1. <body> 
  2.     <img src="img12.jpg" id="imgTest" alt=""/> 
  3.      
  4.     <script type="text/javascript" src="img.js"></script> 
  5.     <script type="text/javascript"> 
  6.         var imageID = document.getElementById("imgTest"), 
  7.             imageSize = getImageSize(imageID), 
  8.             imageW = imageSize[0], 
  9.             imageH = imageSize[1]; 
  10.             console.log(imageW); 
  11.             console.log(imageH); 
  12.          
  13.     </script> 
  14. </body> 

Javascript

 


  1. /** 
  2.  * @author tugenhua 
  3.  * @email tugenhua@126.com 
  4.  * 获取图片的大小的js getImageSize方法 
  5.  * 在页面上调用的方式 
  6.  * <script> 
  7.  *   var imageID = document.getElementId("XXID"), 
  8.  *   imageSize = getImageSize(imageID), 
  9.  *   imageW = imageSize[0], 
  10.  *   imageH = imageSize[1]; 
  11.  *   测试方式 
  12.  *   console.log(imageW); 
  13.  *   console.log(imageH); 
  14.  * </script> 
  15.  */ 
  16.  
  17.  function getImageSize(imgId){ 
  18.     var i = new Image(); //新建一个图片对象 
  19.     i.src = imgId.src;   //将图片的src属性赋值给新建的图片对象的src 
  20.     return new Array(i.width,i.height); //返回新建的数组的实例 
  21.  } 

 到火狐游览器用firebug可以看得到!