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 相关文章推荐
Prototype使用指南之hash.js
Jan 10 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
Aug 07 Javascript
javascript实现无缝上下滚动特效
Dec 16 Javascript
JavaScript代码性能优化总结(推荐)
May 16 Javascript
AngularJS 面试题集锦
Sep 06 Javascript
jQuery插件扩展操作入门示例
Jan 16 Javascript
微信小程序中post方法与get方法的封装
Sep 26 Javascript
Vue2.5 结合 Element UI 之 Table 和 Pagination 组件实现分页功能
Jan 26 Javascript
10个最受欢迎的 JavaScript框架(推荐)
Apr 24 Javascript
js利用iframe实现选项卡效果
Aug 09 Javascript
JS获取当前时间戳方法解析
Aug 29 Javascript
Nuxt 项目性能优化调研分析
Nov 07 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面向对象全攻略 (三)特殊的引用“$this”的使用
2009/09/30 PHP
页面乱码问题的根源及其分析
2013/08/09 PHP
Jquery操作Select 简单方便 一个js插件搞定
2009/11/12 Javascript
js动态为代码着色显示行号
2013/05/29 Javascript
Ext中下拉列表ComboBox组件store数据格式用法介绍
2013/07/15 Javascript
用js来刷新当前页面保留参数的具体实现
2013/12/23 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
2014/05/27 Javascript
Javascript毫秒数用法实例
2015/02/05 Javascript
javascript中apply、call和bind的使用区别
2016/04/05 Javascript
使用Script元素发送JSONP请求的方法
2016/06/12 Javascript
JS实现超简单的汉字转拼音功能示例
2016/12/22 Javascript
整理关于Bootstrap表单的慕课笔记
2017/03/29 Javascript
详解使用angularjs的ng-options时如何设置默认值(初始值)
2017/07/18 Javascript
vue使用el-upload上传文件及Feign服务间传递文件的方法
2019/03/15 Javascript
tsconfig.json配置详解
2019/05/17 Javascript
[39:52]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第一场
2018/04/04 DOTA
使用python的chardet库获得文件编码并修改编码
2014/01/22 Python
Python fileinput模块使用介绍
2014/11/30 Python
详细讲解用Python发送SMTP邮件的教程
2015/04/29 Python
python 中的int()函数怎么用
2017/10/17 Python
python使用turtle库与random库绘制雪花
2018/06/22 Python
python版本单链表实现代码
2018/09/28 Python
django+echart绘制曲线图的方法示例
2018/11/26 Python
漂亮的Django Markdown富文本app插件的实现
2019/01/02 Python
PyQt弹出式对话框的常用方法及标准按钮类型
2019/02/27 Python
python多线程抽象编程模型详解
2019/03/20 Python
python上selenium的弹框操作实现
2020/07/13 Python
基于Django集成CAS实现流程详解
2020/11/28 Python
CSS3实现任意图片lowpoly动画效果实例
2017/05/11 HTML / CSS
详解三种方式实现平滑滚动页面到顶部的功能
2019/04/23 HTML / CSS
白色公司:The White Company
2017/10/11 全球购物
英国乡村时尚和宠物用品专家:Pet & Country
2018/07/02 全球购物
特色冷饮店创业计划书
2014/01/28 职场文书
债务纠纷委托书
2014/08/30 职场文书
学校运动会报道稿
2014/09/23 职场文书
利用nginx搭建RTMP视频点播、直播、HLS服务器
2022/05/25 Servers