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 相关文章推荐
用JavaScript和注册表脚本实现右键收藏Web页选中文本
Jan 28 Javascript
Add a Picture to a Microsoft Word Document
Jun 15 Javascript
JavaScript 字符串连接性能优化
Dec 20 Javascript
JavaScript学习点滴 call、apply的区别
Oct 22 Javascript
JQuery获取各种宽度、高度(format函数)实例
Mar 04 Javascript
获取表单控件原始(初始)值的方法
Aug 21 Javascript
node.js中的fs.close方法使用说明
Dec 17 Javascript
jquery删除数组中重复元素
Dec 05 Javascript
webpack入门+react环境配置
Feb 08 Javascript
使用Vue父子组件通信实现todolist的功能示例代码
Apr 11 Javascript
Vue项目从webpack3.x升级webpack4不完全指南
Apr 28 Javascript
angular组件间通讯的实现方法示例
May 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
Zerg剧情介绍
2020/03/14 星际争霸
php ci框架中加载css和js文件失败的原因及解决方法
2014/07/29 PHP
PHP+Mysql基于事务处理实现转账功能的方法
2015/07/08 PHP
PHP使用文件锁解决高并发问题示例
2018/03/29 PHP
php实现生成PDF文件的方法示例【基于FPDF类库】
2018/07/21 PHP
JavaScript事件列表解说
2006/12/22 Javascript
用JavaScript调用WebService的示例
2008/04/07 Javascript
使用jQuery内容过滤选择器选择元素实例讲解
2013/04/18 Javascript
JS与C#编码解码
2013/12/03 Javascript
Javascript中常见的校验如域名、手机、邮箱等等
2014/01/02 Javascript
document.execCommand()的用法小结
2014/01/08 Javascript
JavaScript中的原型链prototype介绍
2014/12/30 Javascript
使用JavaScript和CSS实现文本隔行换色的方法
2015/11/04 Javascript
关于js二维数组和多维数组的定义声明(详解)
2016/10/02 Javascript
基于angular中的重要指令详解($eval,$parse和$compile)
2016/10/21 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
2016/11/30 Javascript
Jquery Easyui对话框组件Dialog使用详解(14)
2016/12/19 Javascript
angular学习之动态创建表单的方法
2018/12/07 Javascript
JS如何把字符串转换成json
2020/02/21 Javascript
JavaScript DOM常用操作代码汇总
2020/07/03 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
2020/07/26 Javascript
详解datagrid使用方法(重要)
2020/11/06 Javascript
Python自动化运维_文件内容差异对比分析
2017/12/13 Python
基于Pytorch SSD模型分析
2020/02/18 Python
python中wheel的用法整理
2020/06/15 Python
阿里云:Aliyun.com
2017/02/15 全球购物
Lookfantastic瑞典:英国知名美妆购物网站
2018/04/06 全球购物
历史专业个人求职信范文
2013/12/07 职场文书
乡镇庆八一活动方案
2014/02/02 职场文书
爱岗敬业演讲稿
2014/05/05 职场文书
管理岗位竞聘演讲稿
2014/08/18 职场文书
荆州古城导游词
2015/02/06 职场文书
幼儿园教师求职信
2015/03/20 职场文书
详解python的内存分配机制
2021/05/10 Python
MySQL 全文检索的使用示例
2021/06/07 MySQL
Redis Stream类型的使用详解
2021/11/11 Redis