广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 热门技术 > 正文

js怎么获取图片大小的函数代码?_惠州js

作者:邓华发布时间:2020-12-04分类:热门技术浏览:1103


导读:js怎么获取图片大小的函数代码?惠州北大青鸟学术部老师是这么说的。1、获取图片大小的函数getImageSize,代码如下:......2、示例,代码如下:......

       js怎么获取图片大小的函数代码?惠州北大青鸟学术部老师是这么说的。


  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]; //取得图片的高度


js.png

图片来源于网络


标签:惠州北大青鸟北大青鸟惠州js惠州js培训js惠州IT培训js培训


热门技术排行
标签列表
网站分类
文章归档
最近发表