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 相关文章推荐
jQuery 改变CSS样式基础代码
Feb 11 Javascript
ext combox 下拉框不出现自动提示,自动选中的解决方法
Feb 24 Javascript
举例讲解JavaScript中关于对象操作的相关知识
Nov 16 Javascript
js实现正则匹配中文标点符号的方法
Dec 23 Javascript
浅谈jQuery为哪般去掉了浏览器检测
Aug 29 Javascript
jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果
Sep 18 Javascript
AngularJS 中的数据源的循环输出
Oct 12 Javascript
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
Sep 07 Javascript
node.js的Express服务器基本使用教程
Jan 09 Javascript
基于vue 实现表单中password输入的显示与隐藏功能
Jul 19 Javascript
js表达式与运算符简单操作示例
Feb 15 Javascript
JavaScript中使用Spread运算符的八种方法总结
Jun 18 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
PHP 全角转半角实现代码
2010/05/16 PHP
laravel实现一个上传图片的接口,并建立软链接,访问图片的方法
2019/10/12 PHP
在b/s开发中经常用到的javaScript技术
2006/08/23 Javascript
js 未结束的字符串常量错误解决方法
2010/06/13 Javascript
从js向Action传中文参数出现乱码问题的解决方法
2013/12/29 Javascript
js点击选择文本的方法
2015/02/09 Javascript
跟我学习javascript的var预解析与函数声明提升
2015/11/16 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
2016/05/21 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
微信小程序 弹幕功能简单实例
2017/02/14 Javascript
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
2017/09/20 jQuery
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
2017/11/09 jQuery
vue中的provide/inject的学习使用
2018/05/09 Javascript
element-ui 时间选择器限制范围的实现(随动)
2019/01/09 Javascript
用npm-run实现自动化任务的方法示例
2019/01/14 Javascript
小程序实现上下移动切换位置
2019/09/23 Javascript
jQuery实现颜色打字机的完整代码
2020/03/19 jQuery
element-ui tree结构实现增删改自定义功能代码
2020/08/31 Javascript
[01:17:47]TNC vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python网络编程学习笔记(八):XML生成与解析(DOM、ElementTree)
2014/06/09 Python
详解Python3中yield生成器的用法
2015/08/20 Python
Python实现迭代时使用索引的方法示例
2018/06/05 Python
python3实现多线程聊天室
2018/12/12 Python
Django 路由控制的实现
2019/07/17 Python
python中设置超时跳过,超时退出的方式
2019/12/13 Python
Python 剪绳子的多种思路实现(动态规划和贪心)
2020/02/24 Python
Python运行异常管理解决方案
2020/03/09 Python
SQL面试题
2013/04/30 面试题
一套中级Java程序员笔试题
2015/01/14 面试题
初中语文教学反思
2014/02/02 职场文书
捐助贫困学生倡议书
2014/05/16 职场文书
机关副主任个人四风问题整改措施
2014/09/26 职场文书
2015年个人实习工作总结
2014/12/12 职场文书
中国汉字听写大会观后感
2015/06/02 职场文书
谢师宴家长致辞
2015/07/27 职场文书
我的收音机情缘
2022/04/05 无线电