js兼容火狐获取图片宽和高的方法
更新时间：2015年05月21日 09:52:29 作者：3H
这篇文章主要介绍了js兼容火狐获取图片宽和高的方法,涉及javascript图片操作的相关技巧,需要的朋友可以参考下
本文实例讲述了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实现字符串切分功能...2007-01-01
这篇文章主要为大家详细介绍了JavaScript常考手写题中柯里化与数组扁平化、数组去重的实现,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2023-12-12
这是一个带变形动画特效的下拉导航菜单特效。该导航菜单在菜单项之间切换时，下拉菜单会快速的根据菜单内容的大小来动态变形，显示合适的下拉菜单大小，效果非常棒，对导航下拉菜单效果感兴趣的朋友一起通过本文学习吧2016-10-10
看了网上好多在vscode上调试javascript的代码，总是出现问题，索性自己写一个，下面这篇文章主要给大家介绍了关于如何利用vscode调试编译后的js代码的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们一起来看看吧2018-05-05
这篇文章主要给大家介绍了关于微信小程序如何在其他页面监听globalData中值的变化的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用微信小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-07-07
bootstrap-table formatter 使用vue组件的方法
Bootstrap table是国人开发的一款基于 Bootstrap 的 jQuery 表格插件，通过简单的设置，就可以拥有强大的单选、多选、排序、分页，以及编辑、导出、过滤（扩展）等等的功能。这篇文章重点给大家介绍bootstrap-table formatter 使用vue组件的方法，感兴趣的朋友一起看看2019-05-05
这篇文章主要为大家详细介绍了网页中JS函数自动执行常用三种方法，感兴趣的小伙伴们可以参考一下2016-03-03
本文主要介绍了JavaScript如何用面向对象的方式封装拖拽对象，通过3种方式来实现，帮助读者更好的理解其原理2021-06-06
javascript设计模式 – 组合模式原理与应用实例分析
这篇文章主要介绍了javascript设计模式 – 组合模式,结合实例形式分析了javascript组合模式相关概念、原理、应用场景及相关使用注意事项,需要的朋友可以参考下2020-04-04
这篇文章主要介绍了uni-app微信小程序登录授权的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
最新评论