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 相关文章推荐
EASYUI TREEGRID异步加载数据实现方法
Aug 22 Javascript
判断客户浏览器是否支持cookie的示例代码
Dec 23 Javascript
浅谈javascript中onbeforeunload与onunload事件
Dec 10 Javascript
js实现下拉列表选中某个值的方法(3种方法)
Dec 17 Javascript
jQueryUI DatePicker 添加时分秒
Jun 04 Javascript
JS键盘版计算器的制作方法
Dec 03 Javascript
使用JS动态显示文本
Sep 09 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
Jul 24 Javascript
webpack4 升级迁移的实现
Sep 12 Javascript
Vue中对iframe实现keep alive无刷新的方法
Jul 23 Javascript
IDEA安装vue插件图文详解
Sep 26 Javascript
react PropTypes校验传递的值操作示例
Apr 28 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中$GLOBALS与global的区别详解
2019/03/21 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
CSS心形加载的动画源码的实现
2021/03/09 HTML / CSS
Nigma vs Liquid BO3 第二场2.13
2021/03/10 DOTA
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
javaScript NameSpace 简单说明介绍
2013/07/18 Javascript
Jquery 分页插件之Jquery Pagination
2015/08/25 Javascript
JavaScript函数节流概念与用法实例详解
2016/06/20 Javascript
js跨域资源共享 基础篇
2016/07/02 Javascript
jquery 多个radio的click事件实例
2016/12/03 Javascript
node.js基于mongodb的搜索分页示例
2017/01/22 Javascript
vue 挂载路由到头部导航的方法
2017/11/13 Javascript
vuex的使用及持久化state的方式详解
2018/01/23 Javascript
浅谈vue项目如何打包扔向服务器
2018/05/08 Javascript
vue自定义一个v-model的实现代码
2018/06/21 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
2018/07/18 Javascript
vue实现word,pdf文件的导出功能
2018/07/31 Javascript
使用form-create动态生成vue自定义组件和嵌套表单组件
2019/01/18 Javascript
基于javascript的拖拽类封装详解
2019/04/19 Javascript
详解微信小程序回到顶部的两种方式
2019/05/09 Javascript
js实现橱窗展示效果
2020/01/11 Javascript
对python append 与浅拷贝的实例讲解
2018/05/04 Python
python得到电脑的开机时间方法
2018/10/15 Python
使用python将图片按标签分入不同文件夹的方法
2018/12/08 Python
Python selenium根据class定位页面元素的方法
2019/02/26 Python
python模拟哔哩哔哩滑块登入验证的实现
2020/04/24 Python
如何学习Python time模块
2020/06/03 Python
win10安装python3.6的常见问题
2020/07/01 Python
html5的websockets全双工通信详解学习示例
2014/02/26 HTML / CSS
美国尼曼百货官网:Neiman Marcus
2019/09/05 全球购物
制药工程专业毕业生推荐信
2013/12/24 职场文书
文秘应聘自荐书范文
2014/02/18 职场文书
我的梦想演讲稿500字
2014/08/21 职场文书
镇副书记专题民主生活会对照检查材料思想汇报
2014/10/02 职场文书
出差报告怎么写
2014/11/06 职场文书
动画电影《龙珠超 超级英雄》延期上映
2022/03/20 日漫