JavaScript簡單獲取頁面圖片原始尺寸的方法
來源:易賢網 閱讀:1521 次 日期:2016-07-12 16:35:30
溫馨提示:易賢網小編為您整理了“JavaScript簡單獲取頁面圖片原始尺寸的方法”,方便廣大網友查閱!

本文實例講述了JavaScript簡單獲取頁面圖片原始尺寸的方法。分享給大家供大家參考,具體如下:

這里通過Image()對象獲取原始寬高

這種方式就沒有那么麻煩,直接new一個Image()對象,然后把img的src賦值給他即可獲取。

var img = new Image();

img.src = $("#target").attr("src");

if(img.complete){

  alert('width:'+img.width+',height'+img.height);

  img = null;

}else{

  img.onload = function(){

    alert('width:'+img.width+',height'+img.height);

    img = null;

  };

}

并且不要擔心new Image對象會多一個http請求,瀏覽器加載圖片后已經有緩存,你new N個image對象都沒問題,當然,內存會消耗,所以用完后img置為null。

希望本文所述對大家JavaScript程序設計有所幫助。

更多信息請查看網絡編程
關于我們 | 聯(lián)系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網