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]; //取得圖片的高度
復(fù)制代碼 代碼如下:
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、示例
復(fù)制代碼 代碼如下:
var imgEl = document.getElementById(imgEl),
imgSize = getImageSize(imgEl),
imgWidth = imgSize[0], //取得圖片的寬度
imgHeight = imgSize[1]; //取得圖片的高度
相關(guān)文章
也許你有一個很酷的主頁，很希望與人分享。同時，你希望訪問你主頁的人能對你的主頁提供一些意見和建議，或者你對某個主題感興趣，而希望客人也許能給你一幫助，這就要用到留言簿。留言簿使得你能與每一個訪問你主頁的人交換信息。2008-09-09
這篇文章主要介紹了js實現(xiàn)模擬銀行卡賬號輸入顯示效果,涉及JavaScript正則匹配與字符串操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
詳解基于Vue cli生成的Vue項目的webpack4升級
這篇文章主要介紹了詳解基于Vue cli生成的Vue項目的webpack4升級，本文將詳細介紹從webpack3到webpack4的升級過程，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
探討：JavaScript ECAMScript5 新特性之get/set訪問器
這篇文章主要介紹了探討：JavaScript ECAMScript5 新特性之get/set訪問器 的相關(guān)資料,需要的朋友可以參考下2016-05-05
在JavaScript中，有3個關(guān)鍵字可以聲明變量：var、const和let，其中var在ECMAScript的所有版本中都可以使用，而const和let只能在ECMAScript 6及更晚的版本中使用，本文就來說說二者的區(qū)別，感興趣的可以了解一下2022-11-11
layui table去掉右側(cè)滑動條的實現(xiàn)方法
今天小編就為大家分享一篇layui table去掉右側(cè)滑動條的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
非常不錯的，收藏效果代碼，增加當(dāng)前頁的現(xiàn)實，實現(xiàn)對比2008-08-08
Cropper.js進階之裁剪后保存至服務(wù)器實現(xiàn)詳解
這篇文章主要為大家介紹了Cropper.js進階之裁剪后保存至服務(wù)器實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
Javascript的數(shù)組與字典用法與遍歷對象的屬性技巧
Javascript 的數(shù)組Array,既是一個數(shù)組，也是一個字典(Dictionary)。先舉例看看數(shù)組的用法2012-11-11
本篇文章主要介紹了微信小程序分頁加載的實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07