js获取图片大小的函数代码_javascript技巧
程序员文章站
2022-03-04 17:48:51
...
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]; //取得图片的高度
推荐阅读
-
javascript,php获取函数参数对象的代码
-
javascript简写常用的12个技巧(可以大大减少你的js代码量)
-
JS非行间样式获取函数的实例代码
-
让textarea自动调整大小的js代码_javascript技巧
-
从盛大通行证上摘下来的身份证验证js代码_javascript技巧
-
js 代码集(学习js的朋友可以看下)_javascript技巧
-
IE6中使用position导致页面变形的解决方案(js代码)_javascript技巧
-
JS中动态添加事件(绑定事件)的代码_javascript技巧
-
JS获取并操作iframe中元素的方法_javascript技巧
-
Js实现双击鼠标自动滚动屏幕的示例代码_javascript技巧