js获取图片大小的函数代码
更新时间：2011年09月20日 23:19:04 作者：
工作小知识积累，获取图片的大小，需要的朋友可以参考下。
1、获取图片大小的函数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]; //取得图片的高度
相关文章
也许你有一个很酷的主页，很希望与人分享。同时，你希望访问你主页的人能对你的主页提供一些意见和建议，或者你对某个主题感兴趣，而希望客人也许能给你一帮助，这就要用到留言簿。留言簿使得你能与每一个访问你主页的人交换信息。2008-09-09
这篇文章主要介绍了js实现模拟银行卡账号输入显示效果,涉及JavaScript正则匹配与字符串操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
详解基于Vue cli生成的Vue项目的webpack4升级
这篇文章主要介绍了详解基于Vue cli生成的Vue项目的webpack4升级，本文将详细介绍从webpack3到webpack4的升级过程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
探讨：JavaScript ECAMScript5 新特性之get/set访问器
这篇文章主要介绍了探讨：JavaScript ECAMScript5 新特性之get/set访问器 的相关资料,需要的朋友可以参考下2016-05-05
在JavaScript中，有3个关键字可以声明变量：var、const和let，其中var在ECMAScript的所有版本中都可以使用，而const和let只能在ECMAScript 6及更晚的版本中使用，本文就来说说二者的区别，感兴趣的可以了解一下2022-11-11
今天小编就为大家分享一篇layui table去掉右侧滑动条的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
非常不错的，收藏效果代码，增加当前页的现实，实现对比2008-08-08
这篇文章主要为大家介绍了Cropper.js进阶之裁剪后保存至服务器实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
Javascript 的数组Array,既是一个数组，也是一个字典(Dictionary)。先举例看看数组的用法2012-11-11
本篇文章主要介绍了微信小程序分页加载的实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
最新评论