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实现输入框获取焦点消失文字
Apr 27 Javascript
jquery中show()、hide()和toggle()用法实例
Jan 15 Javascript
JS更改select内option属性的方法
Oct 14 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
Sep 08 Javascript
vue2笔记 — vue-router路由懒加载的实现
Mar 03 Javascript
javascript编程实现栈的方法详解【经典数据结构】
Apr 11 Javascript
JavaScript基本语法_动力节点Java学院整理
Jun 26 Javascript
vue项目中引入noVNC远程桌面的方法
Mar 05 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
Jul 12 Javascript
微信小程序用户授权、位置授权及获取微信绑定手机号
Jul 18 Javascript
vue使用代理解决请求跨域问题详解
Jul 24 Javascript
使用layer模态框给新页面传值的方法
Sep 27 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获取字符串的编码格式的方法(函数)
2013/06/21 PHP
PHP echo,print,printf,sprintf函数之间的区别与用法详解
2013/11/27 PHP
PHP实现动态web服务器方法
2015/07/29 PHP
PHP利用imagick生成组合缩略图
2016/02/19 PHP
phpStorm2020 注册码
2020/09/17 PHP
Array.slice()与Array.splice()的返回值类型
2006/10/09 Javascript
jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
2008/12/25 Javascript
JavaScript入门教程(10) 认识其他对象
2009/01/31 Javascript
jQuery ctrl+Enter shift+Enter实现代码
2010/02/07 Javascript
javascript学习笔记(十九) 节点的操作实现代码
2012/06/20 Javascript
js nextSibling属性和previousSibling属性概述及使用注意
2013/02/16 Javascript
js 控制页面跳转的5种方法
2013/09/09 Javascript
jquery实现html页面 div 假分页有原理有代码
2014/09/06 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
2015/03/04 Javascript
jQuery实现新消息在网页标题闪烁提示
2015/06/23 Javascript
JavaScript框架是什么?怎样才能叫做框架?
2015/07/01 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
2015/09/05 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
2015/11/24 Javascript
基于javascript实现全国省市二级联动下拉选择菜单
2016/01/28 Javascript
学习javascript文件加载优化
2016/02/19 Javascript
js输出数据精确到小数点后n位代码
2016/07/02 Javascript
深入理解vue.js中的v-if和v-show
2017/06/22 Javascript
利用Blob进行文件上传的完整步骤
2018/08/02 Javascript
vue中keep-alive,include的缓存问题
2019/11/26 Javascript
Vue基于localStorage存储信息代码实例
2020/11/16 Javascript
Python 网络爬虫--关于简单的模拟登录实例讲解
2018/06/01 Python
python实现合并两个排序的链表
2019/03/03 Python
opencv python 图像轮廓/检测轮廓/绘制轮廓的方法
2019/07/03 Python
Python3内置函数chr和ord实现进制转换
2020/06/05 Python
C++如何引用一个已经定义过的全局变量
2014/08/25 面试题
广告业务员岗位职责
2014/02/06 职场文书
生物科学专业自荐书
2014/06/20 职场文书
2014年世界艾滋病日宣传活动总结
2014/11/18 职场文书
会计做账心得体会
2016/01/22 职场文书
数学复习课教学反思
2016/02/18 职场文书
DE1107机评
2022/04/05 无线电