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 相关文章推荐
dojo 之基础篇
Mar 24 Javascript
JavaScript 学习笔记 Black.Caffeine 09.11.28
Nov 30 Javascript
Javascript面向对象设计一 工厂模式
Dec 20 Javascript
让人印象深刻的10个jQuery手风琴效果应用
May 08 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
Oct 30 Javascript
七夕情人节丘比特射箭小游戏
Aug 20 Javascript
jQuery实现的经典竖向伸缩菜单效果代码
Sep 24 Javascript
基于jQuery实现的美观星级评论打分组件代码
Oct 30 Javascript
JavaScript setTimeout使用闭包功能实现定时打印数值
Dec 18 Javascript
javascript与jquery动态创建html元素示例
Jul 25 Javascript
vue.js路由跳转详解
Aug 28 Javascript
JS实现换肤功能的方法实例详解
Jan 30 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执行速度全攻略(上)
2006/10/09 PHP
PHP 常见郁闷问题答解
2006/11/25 PHP
基于PHP CURL获取邮箱地址的详解
2013/06/03 PHP
php5.2以下版本无json_decode函数的解决方法
2014/05/25 PHP
php集成环境xampp中apache无法启动问题解决方案
2014/11/18 PHP
php自定义函数br2nl实现将html中br换行符转换为文本输入中换行符的方法【与函数nl2br功能相反】
2017/02/17 PHP
PHP延迟静态绑定使用方法实例解析
2020/09/05 PHP
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
2010/08/13 Javascript
js判断当页面无法回退时关闭网页否则就history.go(-1)
2014/08/07 Javascript
jQuery中mouseover事件用法实例
2014/12/26 Javascript
js实现简单随机抽奖的方法
2015/01/27 Javascript
javascript实现图片跟随鼠标移动效果的方法
2015/05/13 Javascript
在Node.js中使用HTTP上传文件的方法
2015/06/23 Javascript
jquery实现超简单的瀑布流布局【推荐】
2017/03/08 Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
2018/03/05 Javascript
node+koa2+mysql+bootstrap搭建一个前端论坛
2018/05/06 Javascript
javascript标准库(js的标准内置对象)总结
2018/05/26 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
2019/03/07 Javascript
实用的Vue开发技巧
2019/05/30 Javascript
小程序和web画三角形实现解析
2019/09/02 Javascript
[03:51]吞吞映像 每周精彩击杀top10第二弹
2014/06/25 DOTA
python在命令行下使用google翻译(带语音)
2014/01/16 Python
python+requests+unittest API接口测试实例(详解)
2017/06/10 Python
Python操作mongodb数据库的方法详解
2018/12/08 Python
在python中将list分段并保存为array类型的方法
2019/07/15 Python
Python实现把多维数组展开成DataFrame
2019/11/30 Python
给keras层命名,并提取中间层输出值,保存到文档的实例
2020/05/23 Python
Python的轻量级ORM框架peewee使用教程
2021/02/05 Python
HTML5仿手机微信聊天界面
2016/03/18 HTML / CSS
Under Armour安德玛德国官网:美国高端运动科技品牌
2019/03/09 全球购物
美国巧克力喷泉品牌:Sephra
2019/05/05 全球购物
游戏商店:Eneba
2020/04/25 全球购物
公司安全管理制度范本
2015/08/05 职场文书
2016党员党章学习心得体会
2016/01/14 职场文书
党员干部学法用法心得体会
2016/01/21 职场文书
python3美化表格数据输出结果的实现代码
2021/04/14 Python