编程 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 操作文件实现方法小结

Jul 02 Javascript

Array.prototype 的泛型应用分析

Apr 30 Javascript

JavaScript闭包实例讲解

Apr 22 Javascript

jquery实现的图片点击滚动效果

Apr 29 Javascript

jQuery实现折线图的方法

Feb 28 Javascript

11种ASP连接数据库的方法

Sep 18 Javascript

MVC+jQuery.Ajax异步实现增删改查和分页

Dec 22 Javascript

Vue Element使用icon图标教程详解(第三方)

Feb 07 Javascript

vue中多路由表头吸顶实现的几种布局方式

Apr 12 Javascript

JavaScript剩余操作符Rest Operator详解

Jul 20 Javascript

vue请求服务器数据后绑定不上的解决方法

Oct 30 Javascript

微信小程序图片右边加两行文字的代码

Apr 23 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