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 相关文章推荐
仿微博字符限制效果实现代码
Apr 20 Javascript
JavaScript参数个数可变的函数举例说明
Oct 10 Javascript
JS自定义对象实现Java中Map对象功能的方法
Jan 20 Javascript
js+html5通过canvas指定开始和结束点绘制线条的方法
Jun 05 Javascript
Javascript中的getUTCDay()方法使用详解
Jun 10 Javascript
javascript简单实现滑动菜单效果的方法
Jul 27 Javascript
Sort()函数的多种用法
Mar 20 Javascript
基于jquery编写的放大镜插件
Mar 23 Javascript
vue实现商城购物车功能
Nov 27 Javascript
JS合并两个数组的3种方法详解
Oct 24 Javascript
JS Generator 函数的含义与用法实例总结
Apr 08 Javascript
vue中实现拖动调整左右两侧div的宽度的示例代码
Jul 22 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
WordPress中用于获取文章作者与分类信息的方法整理
2015/12/17 PHP
Yii框架弹出框功能示例
2017/01/07 PHP
js本身的局限性 别让javascript做太多事
2010/03/23 Javascript
了解了这些才能开始发挥jQuery的威力
2013/10/10 Javascript
怎么判断js脚本加载完成
2014/02/28 Javascript
Javascript 完美运动框架(逐行分析代码,让你轻松了运动的原理)
2015/01/23 Javascript
JavaScript数据推送Comet技术详解
2016/04/07 Javascript
js闭包用法实例详解
2016/12/13 Javascript
Ionic+AngularJS实现登录和注册带验证功能
2017/02/09 Javascript
用Webpack构建Vue项目的实践
2017/11/07 Javascript
Vue导出页面为PDF格式的实现思路
2018/07/31 Javascript
从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
2018/09/18 Javascript
jquery实现动态添加附件功能
2018/10/23 jQuery
vue动态绑定class的几种常用方式小结
2019/05/21 Javascript
layer弹出层扩展主题的方法
2019/09/11 Javascript
python获取文件后缀名及批量更新目录下文件后缀名的方法
2014/11/11 Python
python使用fork实现守护进程的方法
2017/11/16 Python
python定时关机小脚本
2018/06/20 Python
Python中return self的用法详解
2018/07/27 Python
Python3实现计算两个数组的交集算法示例
2019/04/03 Python
Python 200行代码实现一个滑动验证码过程详解
2019/07/11 Python
python 并发下载器实现方法示例
2019/11/22 Python
python实现贪吃蛇游戏源码
2020/03/21 Python
CSS3中的元素过渡属性transition示例详解
2016/11/30 HTML / CSS
一款基于css3和jquery实现的动画显示弹出层按钮教程
2015/01/04 HTML / CSS
阿联酋手表和配饰购物网站:Rivolishop
2019/11/25 全球购物
Internal修饰符有什么含义
2013/07/10 面试题
用Python写一个for循环的例子
2016/07/19 面试题
UNIX命令速查表
2012/03/10 面试题
优秀毕业生推荐信
2013/11/02 职场文书
妇科医生自荐信
2013/11/05 职场文书
元旦趣味活动方案
2014/08/22 职场文书
大学生学期个人总结
2015/02/12 职场文书
经营目标责任书
2015/05/08 职场文书
开展警示教育活动总结
2015/05/09 职场文书
一篇文章带你掌握SQLite3基本用法
2022/06/14 数据库