编程 Javascript

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程序设计有所帮助。

js兼容火狐获取图片宽和高的方法

- Author -

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

用JavaScript事件串连执行多个处理过程的方法

Mar 09 Javascript

JavaScript 全面解析各种浏览器网页中的JS 执行顺序

Feb 17 Javascript

eval与window.eval的差别分析

Mar 17 Javascript

利用js实现选项卡的特别效果的实例

Mar 03 Javascript

jQuery弹性滑动导航菜单实现思路及代码

May 02 Javascript

文本框只能选择数据到文本框禁止手动输入

Nov 22 Javascript

Javascript 多物体运动的实现

Dec 24 Javascript

微信内置浏览器私有接口WeixinJSBridge介绍

May 25 Javascript

React.js入门学习第一篇

Mar 30 Javascript

分享十三个最佳JavaScript数据网格库

Apr 07 Javascript

JS简单实现点击按钮或文字显示遮罩层的方法

Apr 27 Javascript

Vue 中的受控与非受控组件的实现

Dec 17 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