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 相关文章推荐
查询绑定数据岛的表格中的文本并修改显示方式的js代码
Dec 15 Javascript
Javascript学习笔记 delete运算符
Sep 13 Javascript
JavaScript中的类与实例实现方法
Jan 23 Javascript
点击页面任何位置隐藏div的实现方法
Sep 05 Javascript
基于BootStrap的前端分页带省略号和上下页效果
May 18 Javascript
详解JS获取HTML DOM元素的8种方法
Jun 17 Javascript
webpack打包node.js后端项目的方法
Mar 10 Javascript
原生JS实现的碰撞检测功能示例
May 18 Javascript
vue中使用element-ui进行表单验证的实例代码
Jun 22 Javascript
vue中子组件传递数据给父组件的讲解
Jan 27 Javascript
微信小程序点击顶部导航栏切换样式代码实例
Nov 12 Javascript
uni-app 支持多端第三方地图定位的方法
Jan 03 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 快速生成 Flash 动画的方法
2007/03/06 PHP
php htmlspecialchars()与shtmlspecialchars()函数的深入分析
2013/06/05 PHP
php和jquery实现地图区域数据统计展示数据示例
2014/02/12 PHP
浅析PHP中的i++与++i的区别及效率
2016/06/15 PHP
PHP单例模式定义与使用实例详解
2017/02/06 PHP
为何说PHP引用是个坑,要慎用
2018/04/02 PHP
php图片裁剪函数
2018/10/31 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
高性能web开发 如何加载JS,JS应该放在什么位置?
2010/05/14 Javascript
js 数值项目的格式化函数代码
2010/05/14 Javascript
ExtJS[Desktop]实现图标换行示例代码
2013/11/17 Javascript
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
2014/12/18 NodeJs
JavaScript常用脚本汇总(二)
2015/03/04 Javascript
javascript+html5实现绘制圆环的方法
2015/07/28 Javascript
学习JavaScript设计模式之责任链模式
2016/01/18 Javascript
JS中使用mailto实现将用户在网页中输入的内容传递到本地邮件客户端
2016/10/08 Javascript
Angular2学习教程之TemplateRef和ViewContainerRef详解
2017/05/25 Javascript
微信小程序开发之IOS和Android兼容的问题
2017/09/26 Javascript
为输入框加入数字js校验代码分享
2017/11/02 Javascript
JS实现商品橱窗特效
2020/01/09 Javascript
Vue获取页面元素的相对位置的方法示例
2020/02/05 Javascript
9个JavaScript日常开发小技巧
2020/10/06 Javascript
[01:14]3.19DOTA2发布会 三代刀塔人第二代
2014/03/25 DOTA
Python cookbook(数据结构与算法)字典相关计算问题示例
2018/02/18 Python
python爬虫爬取网页表格数据
2018/03/07 Python
Python统计纯文本文件中英文单词出现个数的方法总结【测试可用】
2018/07/25 Python
python  Django中的apps.py的目的是什么
2018/10/15 Python
Python 实现使用空值进行赋值 None
2020/03/12 Python
详解基于canvas的视频遮罩插件
2018/01/04 HTML / CSS
澳大利亚波西米亚风情网上商店:Czarina
2019/03/18 全球购物
Super-Pharm波兰:药房和香水在一个地方
2020/08/18 全球购物
旅游专业职业生涯规划范文
2014/01/13 职场文书
对孩子的寄语
2014/04/09 职场文书
经营目标管理责任书
2014/07/25 职场文书
学前教育见习总结
2015/06/23 职场文书
sql查询语句之平均分、最高最低分及排序语句
2022/05/30 MySQL