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知识点二 jquery下对数组的操作
Jan 15 Javascript
页面只能打开一次Cooike如何实现
Dec 04 Javascript
JavaScript中的console.assert()函数介绍
Dec 29 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
May 20 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
Dec 02 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
Jan 16 Javascript
JavaScript基本语法_动力节点Java学院整理
Jun 26 Javascript
vue.js评论发布信息可插入QQ表情功能
Aug 08 Javascript
jQuery中将json数据显示到页面表格的方法
May 27 jQuery
浅谈super-vuex使用体验
Jun 25 Javascript
js自定义input文件上传样式
Oct 26 Javascript
微信小程序实现滑动翻页效果(完整代码)
Dec 06 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
示例详解Laravel的注册重构
2016/08/14 PHP
PHP PDOStatement::fetchObject讲解
2019/02/01 PHP
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
2009/09/19 Javascript
实现web打印的各种方法介绍及实现代码
2013/01/09 Javascript
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
2013/08/13 Javascript
利用jquery包将字符串生成二维码图片
2013/09/12 Javascript
jQuery简单实现tab选项卡切换效果
2016/06/20 Javascript
深入浅出讲解ES6的解构
2016/08/03 Javascript
JS简单获取当前日期时间的方法(如:2017-03-29 11:41:10 星期四)
2017/03/29 Javascript
angularJs中datatable实现代码
2017/06/03 Javascript
ReactNative实现Toast的示例
2017/12/31 Javascript
js闭包学习心得总结
2018/04/17 Javascript
js 数组详细操作方法及解析合集
2018/06/01 Javascript
Vue+axios实现统一接口管理的方法
2018/07/23 Javascript
JS实现获取毫秒值及转换成年月日时分秒的方法
2018/08/15 Javascript
fastadmin中调用js的方法
2019/05/14 Javascript
如何在JavaScript中谨慎使用代码注释
2019/06/21 Javascript
vue实现在进行增删改操作后刷新页面
2020/08/05 Javascript
[01:34:42]NAVI vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python服务器与android客户端socket通信实例
2014/11/12 Python
Python IDLE 错误:IDLE''s subprocess didn''t make connection 的解决方案
2017/02/13 Python
通过python将大量文件按修改时间分类的方法
2018/10/17 Python
Windows系统下PhantomJS的安装和基本用法
2018/10/21 Python
python for和else语句趣谈
2019/07/02 Python
基于matplotlib xticks用法详解
2020/04/16 Python
基于IE10/HTML5 开发
2013/04/22 HTML / CSS
amazeui 验证按钮扩展的实现
2020/08/21 HTML / CSS
营销总经理的岗位职责
2013/12/15 职场文书
怎样写好自荐信和推荐信
2013/12/26 职场文书
母婴店促销方案
2014/03/05 职场文书
村道德模范事迹材料
2014/08/28 职场文书
承德避暑山庄导游词
2015/02/03 职场文书
JS一分钟在github+Jekyll的博客中添加访问量功能的实现
2021/04/03 Javascript
Golang实现AES对称加密的过程详解
2021/05/20 Golang
总结Pyinstaller打包的高级用法
2021/06/28 Python
PostgreSQL解析URL的方法
2021/08/02 PostgreSQL