js兼容火狐获取图片宽和高的方法


Posted in Javascript onMay 21, 2015

本文实例讲述了js兼容火狐获取图片宽和高的方法。分享给大家供大家参考。具体实现方法如下:

<!doctype html> 
<html> 
<head> 
<meta content="text/html; charset=GBK" http-equiv="Content-Type" /> 
<title>获取Image 宽高</title>
</head> 
<body>
<script>
function newimage(obj) {
  a = new Image();
  var objectURL = window.URL.createObjectURL(obj.files[0]);
  var img= document.getElementById('img')
 img.src = objectURL;
  a.src = objectURL;
 img.onload=function (){
 alert(img.width);
 alert(img.height);
 }
}
</script>
<input id="idcardfile" type="file" name="idcardfile" 
onchange="newimage(this)"/>
<img id="img" style="display: none;">
</body> 
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
基于jquery的cookie的用法
Jan 10 Javascript
最短的javascript:地址栏载入脚本代码
Oct 13 Javascript
如何在指定的地方插入html内容和文本内容
Dec 23 Javascript
javascript模拟订火车票和退票示例
Apr 24 Javascript
javascript在IE下trim函数无法使用的解决方法
Sep 12 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
Jun 24 Javascript
vue.js项目打包上线的图文教程
Nov 16 Javascript
node.js遍历目录的方法示例
Aug 01 Javascript
微信小程序实现人脸识别登陆的示例代码
Apr 02 Javascript
ES10的13个新特性示例(小结)
Sep 23 Javascript
JavaScript随机数的组合问题案例分析
May 16 Javascript
用JavaScript实现贪吃蛇游戏
Oct 23 Javascript
js兼容火狐显示上传图片预览效果的方法
May 21 #Javascript
javascript去除空格方法小结
May 21 #Javascript
删除javascript所创建子节点的方法
May 21 #Javascript
png在IE6 下无法透明的解决方法汇总
May 21 #Javascript
javascript相关事件的几个概念
May 21 #Javascript
javascript实时显示当天日期的方法
May 20 #Javascript
JavaScript中String.prototype用法实例
May 20 #Javascript
You might like
php中单个数据库字段多列显示(单字段分页、横向输出)
2014/07/28 PHP
北京奥运官方网站幻灯切换效果flash版打包下载
2008/01/30 Javascript
js和as的稳定传值问题解决
2013/07/14 Javascript
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
2013/08/28 Javascript
js支持键盘控制的左右切换立体式图片轮播效果代码分享
2015/08/26 Javascript
封装好的javascript前端分页插件pagination
2016/01/04 Javascript
JavaScript条件判断_动力节点Java学院整理
2017/06/26 Javascript
解决Vue2.0自带浏览器里无法打开的原因(兼容处理)
2017/07/28 Javascript
深入理解node.js http模块
2018/01/24 Javascript
react配合antd组件实现的管理系统示例代码
2018/04/24 Javascript
Bootstrap 按钮样式与使用代码详解
2018/12/09 Javascript
Angular2 自定义表单验证器的实现方法
2018/12/14 Javascript
nodejs基础之buffer缓冲区用法分析
2018/12/26 NodeJs
JS删除对象中某一属性案例详解
2020/09/08 Javascript
通过vue.extend实现消息提示弹框的方法记录
2021/01/07 Vue.js
python获取Linux下文件版本信息、公司名和产品名的方法
2014/10/05 Python
python结合shell查询google关键词排名的实现代码
2016/02/27 Python
浅析Python基础-流程控制
2016/03/18 Python
用yum安装MySQLdb模块的步骤方法
2016/12/15 Python
Python实现修改IE注册表功能示例
2018/05/10 Python
python 实现生成均匀分布的点
2019/12/05 Python
python实现同一局域网下传输图片
2020/03/20 Python
通过自学python能找到工作吗
2020/06/21 Python
Shopty西班牙:缝纫机在线销售
2018/01/26 全球购物
Diesel美国网上商店:意大利牛仔时装品牌
2020/12/10 全球购物
Linux开机引导的步骤是什么
2015/10/19 面试题
大学生全国两会报告感想
2014/03/17 职场文书
生物技术专业求职信
2014/06/10 职场文书
机电一体化应届生求职信
2014/08/09 职场文书
学习张丽丽心得体会
2014/09/03 职场文书
销售简历自我评价怎么写
2014/09/26 职场文书
2015年幼儿园保育工作总结
2015/05/12 职场文书
2016大学迎新晚会开场白
2015/11/24 职场文书
送给客户微信问候语!
2019/07/04 职场文书
MySQL去除密码登录告警的方法
2022/04/20 MySQL
JavaScript架构搭建前端监控如何采集异常数据
2022/06/25 Javascript