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 相关文章推荐
prototype.js的Ajax对象
Sep 23 Javascript
JavaScript 编程引入命名空间的方法与代码
Aug 13 Javascript
javascript事件问题
Sep 05 Javascript
jQuery和AngularJS的区别浅析
Jan 29 Javascript
javascript实现网页背景烟花效果的方法
Aug 06 Javascript
Bootstrap路径导航与分页学习使用
Feb 08 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
Sep 19 Javascript
详解webpack提取第三方库的正确姿势
Dec 22 Javascript
JS伪继承prototype实现方法示例
Jun 20 Javascript
解决百度Echarts图表坐标轴越界的方法
Oct 17 Javascript
JavaScript在web自动化测试中的作用示例详解
Aug 25 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
Sep 25 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实现分页显示
2015/11/03 PHP
php+mysql+ajax实现单表多字段多关键词查询的方法
2017/04/15 PHP
PHP中的自动加载操作实现方法详解
2019/08/06 PHP
ajax java 实现自动完成功能
2012/12/19 Javascript
通过JS来判断页面控件是否获取焦点
2014/01/03 Javascript
javascript中的事件代理初探
2014/03/08 Javascript
jQuery实现的感应鼠标悬停图片色彩渐显效果
2015/03/03 Javascript
在线所见即所得HTML编辑器的实现原理浅析
2015/04/25 Javascript
JavaScript生成二维码图片小结
2015/12/27 Javascript
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
2016/04/11 Javascript
浅谈js和css内联外联注意事项
2016/06/30 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
2017/03/09 Javascript
极简主义法编写JavaScript类
2017/11/02 Javascript
详解create-react-app 自定义 eslint 配置
2018/06/07 Javascript
JavaScript引用类型Object常见用法实例分析
2018/08/08 Javascript
Django+Vue实现WebSocket连接的示例代码
2019/05/28 Javascript
ng-alain的sf如何自定义部件的流程
2020/06/12 Javascript
[00:13]天涯墨客二技能展示
2018/08/25 DOTA
[03:12]完美世界DOTA2联赛PWL DAY6集锦
2020/11/05 DOTA
[32:17]完美世界DOTA2联赛循环赛LBZS vs Forest第二场 10月30日
2020/10/31 DOTA
Python 使用requests模块发送GET和POST请求的实现代码
2016/09/21 Python
python 爬虫出现403禁止访问错误详解
2017/03/11 Python
python安装Scrapy图文教程
2017/08/14 Python
在python中,使用scatter绘制散点图的实例
2019/07/03 Python
python3列表删除大量重复元素remove()方法的问题详解
2021/01/04 Python
Django权限控制的使用
2021/01/07 Python
仿酷狗html5手机音乐播放器主要部分代码
2013/05/15 HTML / CSS
世界最大的票务市场:viagogo
2017/02/16 全球购物
NBA欧洲商店(英国):NBA Europe Store UK
2018/07/27 全球购物
群众路线领导干部个人对照检查材料(集锦)
2014/09/23 职场文书
单方离婚协议书范本(2014版)
2014/09/30 职场文书
事业单位个人总结
2015/02/12 职场文书
SQL实现LeetCode(180.连续的数字)
2021/08/04 MySQL
MySQL数据库完全卸载的方法
2022/03/03 MySQL
MySQL数据库之存储过程 procedure
2022/06/16 MySQL
JavaScript架构搭建前端监控如何采集异常数据
2022/06/25 Javascript