JS获取图片实际宽高示例代码
发布时间：2015-05-06 编辑：jiaochengji.com
分享一例js代码，用于获取图片的实现宽高，有需要的朋友做个参考。
本节内容：
JS获取图片宽高的代码
例1，
复制代码 代码示例:
<img src="http://www.jiaochengji.com/images/guangg/2009year.jpg" width="200" id="imgs" onload="GetF.call(this)"/>
<script language="JavaScript">
function GetF(){
var ig = new Image();
ig.src = this.src;
alert(ig.width + "\n" + ig.height);
}
</script>
<script language="JavaScript">
function GetF(){
var ig = new Image();
ig.src = this.src;
alert(ig.width + "\n" + ig.height);
}
</script>
看到以上代码，想到了with的用法，加以实现：
复制代码 代码示例:
<img src="http://www.jiaochengji.com/images/guangg/2009year.jpg" width="200" onload="GetF(this.src)"/>
<script>
function GetF(x){
with(new Image){
src = x;
alert(width + "\n" + height);
}
}
</script>
<script>
function GetF(x){
with(new Image){
src = x;
alert(width + "\n" + height);
}
}
</script>
with 语句
为语句设定默认对象。
with (object)
statements
参数
object
新的默认对象。
statements
一个或多个语句，object 是该语句的默认对象。
说明
with 语句通常用来缩短特定情形下必须写的代码量
您可能感兴趣的文章：
JS获取图片宽高并根据图片大小自适应
js获取图片宽高简单示例
JS获取图片实际宽高示例代码
jquery实现图片裁剪思路及实现
JavaScript如何获取图片原始尺寸
php 获取图片宽高等信息详解
JS判断图片是否加载完成并获取图片宽度
js获取图片原始尺寸实例学习
js获取浏览器窗口大小与屏幕宽高
JS获取屏幕尺寸大小实例
[关闭]