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 相关文章推荐
javascript 操作文件 实现方法小结
Jul 02 Javascript
Array.prototype 的泛型应用分析
Apr 30 Javascript
JavaScript闭包实例讲解
Apr 22 Javascript
jquery实现的图片点击滚动效果
Apr 29 Javascript
jQuery实现折线图的方法
Feb 28 Javascript
11种ASP连接数据库的方法
Sep 18 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
Dec 22 Javascript
Vue Element使用icon图标教程详解(第三方)
Feb 07 Javascript
vue中多路由表头吸顶实现的几种布局方式
Apr 12 Javascript
JavaScript剩余操作符Rest Operator详解
Jul 20 Javascript
vue请求服务器数据后绑定不上的解决方法
Oct 30 Javascript
微信小程序图片右边加两行文字的代码
Apr 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
YII实现分页的方法
2014/07/09 PHP
javascript不同页面传值的改进版
2008/09/30 Javascript
从零开始学习jQuery (六) jquery中的AJAX使用
2011/02/23 Javascript
javascript中数组的冒泡排序使用示例
2013/12/18 Javascript
jquery ajax 局部无刷新更新数据的实现案例
2014/02/08 Javascript
jquery任意位置浮动固定层插件用法实例
2015/05/29 Javascript
基于Jquery和html5实现炫酷的3D焦点图动画
2016/03/02 Javascript
全面了解JavaScirpt 的垃圾(garbage collection)回收机制
2016/07/11 Javascript
jQuery复制节点用法示例(clone方法)
2016/09/08 Javascript
ionic4+angular7+cordova上传图片功能的实例代码
2019/06/19 Javascript
微信小程序点餐系统开发常见问题汇总
2019/08/06 Javascript
jQuery实现form表单基于ajax无刷新提交方法实例代码
2019/11/04 jQuery
微信小程序 bindtap 传参的实例代码
2020/02/21 Javascript
Python中的各种装饰器详解
2015/04/11 Python
让python在hadoop上跑起来
2016/01/27 Python
对于Python中RawString的理解介绍
2016/07/07 Python
使用Python从零开始撸一个区块链
2018/03/14 Python
python实现NB-IoT模块远程控制
2018/06/20 Python
python的scikit-learn将特征转成one-hot特征的方法
2018/07/10 Python
python神经网络编程实现手写数字识别
2020/05/27 Python
15款Python编辑器的优缺点,别再问我“选什么编辑器”啦
2020/10/19 Python
python opencv肤色检测的实现示例
2020/12/21 Python
安装不同版本的tensorflow与models方法实现
2021/02/20 Python
个人找工作求职简历的自我评价
2013/10/20 职场文书
《小小雨点》教学反思
2014/02/18 职场文书
经典而简洁的婚礼主持词
2014/03/13 职场文书
经典洗发水广告词
2014/03/13 职场文书
班主任对学生的评语
2014/04/26 职场文书
跳蚤市场口号
2014/06/13 职场文书
学校党的群众路线教育实践活动对照检查材料
2014/09/24 职场文书
工作批评与自我批评范文
2014/10/16 职场文书
银行给客户的感谢信
2015/01/23 职场文书
党员承诺书格式范文
2015/04/28 职场文书
建国大业观后感600字
2015/06/01 职场文书
python基础详解之if循环语句
2021/04/24 Python
利用正则表达式匹配浮点型数据
2022/05/30 Java/Android