js获取图片大小的函数代码_javascript技巧
程序员文章站
2022-03-08 21:53:16
...
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]; //取得图片的高度
推荐阅读
-
JS判断浏览器类型与版本的实现代码_javascript技巧
-
实现动画效果核心方式的js代码_javascript技巧
-
js类中获取外部函数名的方法_javascript技巧
-
JS值当前DIV的ID值的代码_javascript技巧
-
javascript parseUrl函数(来自国外的获取网址url参数)_javascript技巧
-
JS 屏蔽按键效果与改变按键效果的示例代码_javascript技巧
-
JS中获取数据库中的值的方法_javascript技巧
-
可以读取EXCEL文件的js代码_javascript技巧
-
比较精简的Javascript拖动效果函数代码_javascript技巧
-
很好用的js日历算法详细代码_javascript技巧