js獲取圖片大小的函數(shù)代碼
更新時(shí)間：2011年09月20日 23:19:04 作者：
工作小知識(shí)積累，獲取圖片的大小，需要的朋友可以參考下。
1、獲取圖片大小的函數(shù)getImageSize
function getImageSize(imageEl) {
var i = new Image(); //新建一個(gè)圖片對(duì)象
i.src = imageEl.src; //將圖片的src屬性賦值給新建圖片對(duì)象的src
return new Array(i.width, i.height); //返回圖片的長(zhǎng)寬像素
//return [i.width, i.height];
}
2、示例
var imgEl = document.getElementById(imgEl),
imgSize = getImageSize(imgEl),
imgWidth = imgSize[0], //取得圖片的寬度
imgHeight = imgSize[1]; //取得圖片的高度
復(fù)制代碼 代碼如下:
function getImageSize(imageEl) {
var i = new Image(); //新建一個(gè)圖片對(duì)象
i.src = imageEl.src; //將圖片的src屬性賦值給新建圖片對(duì)象的src
return new Array(i.width, i.height); //返回圖片的長(zhǎng)寬像素
//return [i.width, i.height];
}
2、示例
復(fù)制代碼 代碼如下:
var imgEl = document.getElementById(imgEl),
imgSize = getImageSize(imgEl),
imgWidth = imgSize[0], //取得圖片的寬度
imgHeight = imgSize[1]; //取得圖片的高度
相關(guān)文章
如果所請(qǐng)求的域名跟這個(gè)域名不致，這種情況就是跨域，由于跨域存在漏洞，所以一般來(lái)說(shuō)正常的跨域請(qǐng)求方式是請(qǐng)求不到的，所以有了本文的出現(xiàn)，感興趣的你可以參考下哈，希望可以幫助到你2013-03-03
JavaScript獲取字符串實(shí)際長(zhǎng)度(包含中英文)
這篇文章介紹了JavaScript獲取字符串實(shí)際長(zhǎng)度(包含中英文)的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
本文主要給大家講解了javascript中的json跨域問(wèn)題，以及跨域安全性的解決辦法，總結(jié)了2點(diǎn)，分享給大家，希望大家能夠喜歡。2016-03-03
極酷的javascirpt，讓你隨意編輯任何網(wǎng)頁(yè)
極酷的javascirpt，讓你隨意編輯任何網(wǎng)頁(yè)...2007-02-02
JavaScript 數(shù)據(jù)類(lèi)型詳解
本文主要介紹了JavaScript數(shù)據(jù)類(lèi)型的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
微信小程序使用swiper組件實(shí)現(xiàn)層疊輪播圖
這篇文章主要為大家詳細(xì)介紹了微信小程序使用swiper組件實(shí)現(xiàn)層疊輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
最近這幾天在升級(jí)自己的MVVM 框架,遇到很多小問(wèn)題,所以想著就在這里統(tǒng)一解決了。文中主要介紹了關(guān)于Javascript中with的替代方法與String中的正則方法，有需要的朋友們可以參考借鑒，下面來(lái)一起看看吧。2016-12-12
Avalonjs 實(shí)現(xiàn)簡(jiǎn)單購(gòu)物車(chē)功能(實(shí)例代碼)
avalon是國(guó)內(nèi)最強(qiáng)大的MVVM框架，最近小編在高購(gòu)物車(chē)的項(xiàng)目，我們是用avalon來(lái)實(shí)現(xiàn)一些模塊的，所以順其自然的用avalon來(lái)實(shí)現(xiàn)購(gòu)物車(chē)。接下來(lái)通過(guò)本文給大家分享Avalonjs 實(shí)現(xiàn)簡(jiǎn)單購(gòu)物車(chē)功能的實(shí)例代碼，需要的的朋友參考下2017-02-02
javascript globalStorage類(lèi)代碼
非IE瀏覽器“userdata”的解決方案2009-06-06
Javascript base64編碼實(shí)現(xiàn)代碼
Javascript base64編碼實(shí)現(xiàn)代碼，需要的朋友可以參考下。2011-12-12