js获取图片大小的函数代码


Posted in Javascript onSeptember 20, 2011

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]; //取得图片的高度
Javascript 相关文章推荐
JavaScript中将一个值转换为字符串的方法分析[译]
Sep 21 Javascript
THREE.JS入门教程(2)着色器-上
Jan 24 Javascript
Node.js中require的工作原理浅析
Jun 24 Javascript
HTML5使用DeviceOrientation实现摇一摇功能
Jun 05 Javascript
jQuery实现为图片添加镜头放大效果的方法
Jun 25 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
May 21 Javascript
JS实现弹出居中的模式窗口示例
Jun 20 Javascript
Node.js通过身份证号验证年龄、出生日期与性别方法示例
Mar 09 Javascript
vue指令只能输入正数并且只能输入一个小数点的方法
Jun 08 Javascript
vue 项目build错误异常的解决方法
Apr 22 Javascript
15个值得收藏的JavaScript函数
Sep 15 Javascript
quickjs 封装 JavaScript 沙箱详情
Nov 02 Javascript
javascript中的注释使用与注意事项小结
Sep 20 #Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
Sep 20 #Javascript
JavaScript高级程序设计 学习笔记 js高级技巧
Sep 20 #Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
Sep 20 #Javascript
JQuyer $.post 与 $.ajax 访问WCF ajax service 时的问题需要注意的地方
Sep 20 #Javascript
简单的jquery拖拽排序效果实现代码
Sep 20 #Javascript
用jQuery中的ajax分页实现代码
Sep 20 #Javascript
You might like
如何跨站抓取别的站点的页面的补充
2006/10/09 PHP
用php获取远程图片并把它保存到本地的代码
2008/04/07 PHP
解决FastCGI 进程超过了配置的活动超时时限的问题
2013/07/03 PHP
php合并js请求的例子
2013/11/01 PHP
微信支付开发教程(一)微信支付URL配置
2014/05/28 PHP
使用phpstorm和xdebug实现远程调试的方法
2015/12/29 PHP
PHP数组函数知识汇总
2016/05/12 PHP
jqPlot 基于jquery的画图插件
2011/04/26 Javascript
js 绑定键盘鼠标事件示例代码
2014/02/12 Javascript
jquery遍历checkbox介绍
2014/02/21 Javascript
浅谈jQuery构造函数分析
2015/05/11 Javascript
JS字符串的切分用法实例
2016/02/22 Javascript
jquery插件Jplayer使用方法简析
2016/04/22 Javascript
AngularJS基础 ng-copy 指令实例代码
2016/08/01 Javascript
浅谈jquery中next与siblings的区别
2016/10/27 Javascript
AngularJS表格添加序号的方法
2017/03/03 Javascript
JavaScript仿微信打飞机游戏
2020/07/05 Javascript
AngularJS 中ui-view传参的实例详解
2017/08/25 Javascript
浅谈angular4生命周期钩子
2017/09/05 Javascript
nodejs 图片预览和上传的示例代码
2017/09/30 NodeJs
vue内置指令详解
2018/04/03 Javascript
10个最受欢迎的 JavaScript框架(推荐)
2019/04/24 Javascript
vant picker+popup 自定义三级联动案例
2020/11/04 Javascript
python中List的sort方法指南
2014/09/01 Python
Python3使用requests登录人人影视网站的方法
2016/05/11 Python
Python递归实现汉诺塔算法示例
2018/03/19 Python
深入浅析python with语句简介
2018/04/11 Python
python调用matlab的m自定义函数方法
2019/02/18 Python
python  ceiling divide 除法向上取整(或小数向上取整)的实例
2019/12/27 Python
Python2和Python3中@abstractmethod使用方法
2020/02/04 Python
python中time tzset()函数实例用法
2021/02/18 Python
详解利用css3的var()实现运行时改变scss的变量值
2021/03/02 HTML / CSS
快餐公司创业计划书
2014/04/29 职场文书
2014年药剂科工作总结
2014/11/26 职场文书
小学工作总结2015
2015/05/04 职场文书
入党积极分子半年考察意见
2015/06/02 职场文书