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 相关文章推荐
各浏览器对link标签onload/onreadystatechange事件支持的差异分析
Apr 27 Javascript
网页防止tab键的使用快速解决方法
Nov 07 Javascript
js读取cookie方法总结
Oct 31 Javascript
JavaScript获取按钮所在form表单id的方法
Apr 02 Javascript
JavaScript实现上下浮动的窗口效果代码
Oct 12 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
Jan 08 Javascript
超实用的JavaScript代码段 附使用方法
May 22 Javascript
JavaScript事件学习小结(一)事件流
Jun 09 Javascript
Node+Express+MongoDB实现登录注册功能实例
Apr 23 Javascript
利用express启动一个server服务的方法
Sep 17 Javascript
JS计算斐波拉切代码实例
Sep 12 Javascript
Node.js API详解之 net模块实例分析
May 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
咖啡豆的最常见发酵处理方法,详细了解一下
2021/03/03 冲泡冲煮
教你如何解密 “ PHP 神盾解密工具 ”
2014/06/20 PHP
php常用的安全过滤函数集锦
2014/10/09 PHP
PHP变量的作用范围实例讲解
2020/12/22 PHP
2014最热门的JavaScript代码高亮插件推荐
2014/11/25 Javascript
关于Javascript加载执行优化的研究报告
2014/12/16 Javascript
js实现a标签超链接提交form表单的方法
2015/06/24 Javascript
全面解析Bootstrap排版使用方法(文字样式)
2015/11/30 Javascript
省市联动效果的简单实现代码(推荐)
2016/06/06 Javascript
Yarn的安装与使用详细介绍
2016/10/25 Javascript
微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码
2017/01/13 Javascript
javascript过滤数组重复元素的实现方法
2017/05/03 Javascript
Ionic3 UI组件之autocomplete详解
2017/06/08 Javascript
jQuery插件Validation表单验证详解
2018/05/26 jQuery
小程序登录/注册页面设计的实现代码
2019/05/24 Javascript
JS原型prototype和__proto__用法实例分析
2020/03/14 Javascript
Vue数据双向绑定原理实例解析
2020/05/15 Javascript
JS异步宏队列与微队列原理区别详解
2020/07/02 Javascript
Vue + ts实现轮播插件的示例
2020/11/10 Javascript
Vue实现手机号、验证码登录(60s禁用倒计时)
2020/12/19 Vue.js
python解析html开发库pyquery使用方法
2014/02/07 Python
35个Python编程小技巧
2014/04/01 Python
让python同时兼容python2和python3的8个技巧分享
2014/07/11 Python
Python的消息队列包SnakeMQ使用初探
2016/06/29 Python
使用python获取(宜宾市地震信息)地震信息
2019/06/20 Python
python中类的输出或类的实例输出为这种形式的原因
2019/08/12 Python
python中dict()的高级用法实现
2019/11/13 Python
Python 在局部变量域中执行代码
2020/08/07 Python
python -v 报错问题的解决方法
2020/09/15 Python
CSS3属性选择符介绍
2008/10/17 HTML / CSS
出门问问全球官方商城:Tichome音箱和TicWatch智能手表
2017/12/02 全球购物
四风存在的原因分析
2014/02/11 职场文书
入股协议书
2014/04/14 职场文书
关于环保的建议书
2014/05/12 职场文书
小学庆六一活动总结
2014/08/28 职场文书
学习十八大标语
2014/10/09 职场文书