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 $.ajax入门应用一
Nov 19 Javascript
jquery插件orbit.js实现图片折叠轮换特效
Apr 14 Javascript
javascript实现倒计时跳转页面
Jan 17 Javascript
微信小程序 progress组件详解及实例代码
Oct 25 Javascript
JavaScript奇技淫巧44招【实用】
Dec 11 Javascript
详解JS去重及字符串奇数位小写转大写
Dec 29 Javascript
在一个页面实现两个zTree联动的方法
Dec 20 Javascript
微信小程序wepy框架笔记小结
Aug 08 Javascript
小程序跨页面交互的作用与方法详解
Jan 07 Javascript
JavaScript实现Tab选项卡切换
Feb 13 Javascript
jQuery实现推拉门效果
Oct 19 jQuery
vue 动态添加的路由页面刷新时失效的原因及解决方案
Feb 26 Vue.js
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验证码(支持中文)
2007/02/14 PHP
php截取后台登陆密码的代码
2012/05/05 PHP
编译php 5.2.14+fpm+memcached(具体操作详解)
2013/06/18 PHP
ueditor 1.2.6 使用方法说明
2013/07/24 PHP
PHP中多维数组的foreach遍历示例
2014/06/13 PHP
for 循环性能比较 提高for循环的效率
2009/03/19 Javascript
JQuery 操作Javascript对象和数组的工具函数小结
2010/01/22 Javascript
jQuery的学习步骤
2011/02/23 Javascript
浅谈javascript 归并方法
2015/01/21 Javascript
在JavaScript中处理字符串之link()方法的使用
2015/06/08 Javascript
Bootstrap每天必学之表格
2015/11/23 Javascript
Bootstrap Modal遮罩弹出层(完整版)
2016/11/21 Javascript
JS实现下拉菜单列表与登录注册弹窗效果
2017/08/10 Javascript
vue实现手机号码抽奖上下滚动动画示例
2017/10/18 Javascript
Angular 4.x+Ionic3踩坑之Ionic 3.x界面传值详解
2018/03/13 Javascript
vue.js 中使用(...)运算符报错的解决方法
2018/08/09 Javascript
node实现分片下载的示例代码
2018/10/17 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
2019/04/17 Javascript
区分vue-router的hash和history模式
2020/10/03 Javascript
Python中给List添加元素的4种方法分享
2014/11/28 Python
Python中集合类型(set)学习小结
2015/01/28 Python
Python中的深拷贝和浅拷贝详解
2015/06/03 Python
python实现决策树C4.5算法详解(在ID3基础上改进)
2017/05/31 Python
python处理按钮消息的实例详解
2017/07/11 Python
python3中的eval和exec的区别与联系
2019/10/10 Python
使用 Python 在京东上抢口罩的思路详解
2020/02/27 Python
Python基于codecs模块实现文件读写案例解析
2020/05/11 Python
python 爬虫如何正确的使用cookie
2020/10/27 Python
结合CSS3的新特性来总结垂直居中的实现方法
2016/05/30 HTML / CSS
css3利用transform变形结合事件完成扇形导航
2020/10/26 HTML / CSS
德国自然时尚和有机产品购物网站:Waschbär
2019/05/29 全球购物
经营理念口号
2014/06/21 职场文书
党员作风建设整改方案
2014/10/27 职场文书
2015年国际护士节演讲稿
2015/03/18 职场文书
2016秋季小学开学寄语
2015/12/03 职场文书
Nginx使用X-Accel-Redirect实现静态文件下载的统计、鉴权、防盗链、限速等
2021/04/04 Servers