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对象与打印对象分析比较
Apr 23 Javascript
js调用后台、后台调用前台等方法总结
Apr 17 Javascript
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
May 22 Javascript
让IE8浏览器支持function.bind()方法
Oct 16 Javascript
JavaScript自定义等待wait函数实例分析
Mar 23 Javascript
浅谈JSON.parse()和JSON.stringify()
Jul 14 Javascript
JS实现仿新浪微博发布内容为空时提示功能代码
Aug 19 Javascript
移动端H5开发 Turn.js实现很棒的翻书效果
Jun 20 Javascript
实现图片首尾平滑轮播(JS原生方法—节流)
Oct 17 Javascript
十分钟带你快速了解React16新特性
Nov 10 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
Nov 17 Javascript
vue常用高阶函数及综合实例
Feb 25 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
地球防卫队:陪着奥特曼打小怪兽的人类力量 那些经典队服
2020/03/08 日漫
使用PHP遍历文件夹与子目录的函数代码
2011/09/26 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
详解HTTP Cookie状态管理机制
2016/01/14 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
PHP获取文件扩展名的常用方法小结【五种方式】
2018/04/27 PHP
filemanage功能中用到的common.js
2007/04/08 Javascript
jquery判断checkbox(复选框)是否被选中的代码
2010/10/20 Javascript
javascript实现详细时间提醒信息效果的方法
2015/03/11 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
2015/03/31 Javascript
jQuery实现文件上传进度条特效
2015/08/12 Javascript
weUI应用之JS常用信息提示弹层的封装
2016/11/21 Javascript
原生Javascript插件开发实践
2017/01/09 Javascript
vue2中filter()的实现代码
2017/07/09 Javascript
js实现图片上传并预览功能
2018/08/06 Javascript
vue中各选项及钩子函数执行顺序详解
2018/08/25 Javascript
JS 数组随机洗牌的实例代码
2018/09/12 Javascript
浅谈django model的get和filter方法的区别(必看篇)
2017/05/23 Python
Python增强赋值和共享引用注意事项小结
2019/05/28 Python
python脚本开机自启的实现方法
2019/06/28 Python
Python 二叉树的层序建立与三种遍历实现详解
2019/07/29 Python
深入浅析Python科学计算库Scipy及安装步骤
2019/10/12 Python
tensorflow保持每次训练结果一致的简单实现
2020/02/17 Python
Python调用shell命令常用方法(4种)
2020/05/11 Python
详解Anaconda安装tensorflow报错问题解决方法
2020/11/01 Python
Pycharm 解决自动格式化冲突的设置操作
2021/01/15 Python
html5手机键盘弹出收起的处理
2020/01/20 HTML / CSS
导游的职业规划书范文
2013/12/27 职场文书
应届实习生的自我评价范文
2014/01/05 职场文书
总经理司机岗位职责
2014/02/06 职场文书
专业技术职务聘任书
2014/03/29 职场文书
党委干部批评与自我批评发言稿
2014/09/28 职场文书
小学音乐课教学反思
2016/02/18 职场文书
如何用JS实现简单的数据监听
2021/05/06 Javascript
一次Mysql update sql不当引起的生产故障记录
2022/04/01 MySQL
PyCharm 配置SSH和SFTP连接远程服务器
2022/05/11 Python