首頁 > web前端 > js教程 > 使用js取得圖片原始尺寸_javascript技巧

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

WBOY
發布: 2016-05-16 16:29:26
原創
1208 人瀏覽過

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

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

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

複製程式碼 程式碼如下:

 
 
    
        
    
    
         使用js取得圖片原始尺寸_javascript技巧    
         <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,所以沒辦法測試。

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

相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板