使用js取得圖片原始尺寸_javascript技巧

瀏覽器中顯示的圖片大小未必是他真實的高和寬，比如像下面這樣，我們給他加上寬和高的樣式

　　這樣在瀏覽器中顯示的大小就是25px。那我們要如何取得圖片的真實大小呢？ ，下面的程式碼就實現了這個功能

複製程式碼 程式碼如下:

 
 
    
        
    
    
             
         <script><br />              // 設定延時保固圖片載入完成<br />              setTimeout(function() {<br />                  var<br />                  real_width,<br />                  real_height,<br />                  _im         = document.getElementById('image'),<br />                  im          = document.createElement('img');<br />                  im.src      = _im.src,<br />                  real_width  = im.width,<br />                  real_height = im.height;<br />                  alert(real_width 'n' real_height);<br />              },500);<br />          </script>
    
 

注意：上面程式碼本人在IE7 和chrome上都測試過了，因為沒有裝IE6，所以沒辦法測試。

非常好用的程式碼，本人大多專案中都在使用，大家放心用吧