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 nth-child()选择器的简单应用
Jul 10 Javascript
SharePoint 客户端对象模型 (一) ECMA Script
May 22 Javascript
使用javascript实现页面定时跳转总结篇
Sep 21 Javascript
js实现图片漂浮效果的方法
Mar 02 Javascript
Bootstrap4一次重大更新 几乎涉及每行代码
May 16 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
Jul 08 Javascript
ES6学习笔记之map、set与数组、对象的对比
Mar 01 Javascript
深入Vue-Router路由嵌套理解
Aug 13 Javascript
微信小程序实现的绘制table表格功能示例
Apr 26 Javascript
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
May 05 Javascript
vue实现移动端返回顶部
Oct 12 Javascript
element-ui点击查看大图的方法示例
Dec 14 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
基于mysql的论坛(7)
2006/10/09 PHP
php切割页面div内容的实现代码分享
2012/07/31 PHP
表单提交错误后返回内容消失问题的解决方法(PHP网站)
2015/10/20 PHP
Zend Framework数据库操作方法实例总结
2016/12/11 PHP
如何做到打开一个页面,过几分钟自动转到另一页面
2007/04/20 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
2014/05/22 Javascript
PHP中使用微秒计算脚本执行时间例子
2014/11/19 Javascript
为JS扩展Array.prototype.indexOf引发的问题及解决办法
2015/01/21 Javascript
js光标定位文本框回车表单提交问题的解决方法
2015/05/11 Javascript
JavaScript实现获得所有兄弟节点的方法
2015/07/23 Javascript
JavaScript从0开始构思表情插件
2016/07/26 Javascript
Node.js获取前端ajax提交的request信息
2017/02/20 Javascript
浅谈angular.copy() 深拷贝
2017/09/14 Javascript
Vue组件之高德地图地址选择功能的实例代码
2019/06/21 Javascript
js实现双色球效果
2020/08/02 Javascript
jquery实现图片放大镜效果
2020/12/23 jQuery
[03:48]2014DOTA2 TI专访71DK夺冠不靠小组赛高排名
2014/07/11 DOTA
python脚本实现分析dns日志并对受访域名排行
2014/09/18 Python
使用Node.js和Socket.IO扩展Django的实时处理功能
2015/04/20 Python
200 行python 代码实现 2048 游戏
2018/01/12 Python
Python实现的redis分布式锁功能示例
2018/05/29 Python
python编写微信公众号首图思路详解
2019/12/13 Python
python实现12306登录并保存cookie的方法示例
2019/12/17 Python
Python实现FLV视频拼接功能
2020/01/21 Python
解决django xadmin主题不显示和只显示bootstrap2的问题
2020/03/30 Python
使用Python防止SQL注入攻击的实现示例
2020/05/21 Python
python识别验证码的思路及解决方案
2020/09/13 Python
OpenCV灰度化之后图片为绿色的解决
2020/12/01 Python
英国领先的游戏零售商:GAME
2019/09/24 全球购物
Belvilla法国:休闲度假房屋出租
2020/10/03 全球购物
后勤岗位职责
2013/11/26 职场文书
蛋糕店的商业计划书范文
2014/01/27 职场文书
2015年党员公开承诺书范文
2015/01/22 职场文书
大二学年个人总结
2015/03/03 职场文书
施工安全保证书
2015/05/09 职场文书
《海上日出》教学反思
2016/02/23 职场文书