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