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

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

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

這種方式就沒有那么麻煩,直接new一個(gè)Image()對(duì)象,然后把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;

  };

}

并且不要擔(dān)心new Image對(duì)象會(huì)多一個(gè)http請(qǐng)求,瀏覽器加載圖片后已經(jīng)有緩存,你new N個(gè)image對(duì)象都沒問題,當(dāng)然,內(nèi)存會(huì)消耗,所以用完后img置為null。

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

更多信息請(qǐng)查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機(jī)網(wǎng)站地址:JavaScript簡單獲取頁面圖片原始尺寸的方法
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn)

版權(quán)所有:易賢網(wǎng)