使用js獲取圖片原始尺寸

2019-11-20 13:49:56

字體：大中小

來源：轉載

供稿：網友

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

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

 <!DOCTYPE html>
 <html>
     <head>
         <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
     </head>
     <body>
         <img src="IE.png" id="image" style="width:25px;height:25px;">     
         <script>
             // 設置延時保證圖片加載完成
             setTimeout(function() {
                 var
                 real_width,
                 real_height,
                 _im         = document.getElementById('image'),
                 im          = document.createElement('img');
                 im.src      = _im.src,
                 real_width  = im.width,
                 real_height = im.height;
                 alert(real_width+'/n'+real_height);
             },500);
         </script>
     </body>
 </html>