您的位置：首页 > Web前端 > JavaScript

JavaScript获取图片尺寸

2012-02-21 11:20 309 查看
方法一:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>分享javascript-sharejs.com</title>

</head>

<body>

<script>

var img=null;

function s()

{

if(img)img.removeNode(true);

img=document．createElement("img");

img.style.position="absolute";

img.style.visibility="hidden";

img.attachEvent("onreadystatechange",orsc);

img.attachEvent("onerror",oe);

document．body.insertAdjacentElement("beforeend",img);

img.src=inp.value;

}

function oe()

{

alert("cant load img");

}

function orsc()

{

if(img.readyState!="complete")return false;

alert("高:"+img.offsetHeight+"\n宽:"+img.offsetWidth);

}

</script>

<input type="file" Name="file" id="inp" value="默认值"><br><input onclick="s()" type="button" value="点我一下给出要上传图片的大小及长、宽" name="button">

<br><br>

</body>

</html>

方法二:

<html>

<head>

<script >

<!--

function QFord_getImageSize(FilePath)

{

var imgSize={

width:0,

height:0

};

image=new Image();

image.src=FilePath;

imgSize.width =image .width;

imgSize .height=image .height;

return imgSize;

}

// -->

</script>

</head>

<body bgcolor="#ffffff">

JS获取图片尺寸函数测试：</br>

<img src="test.jpg" mce_src="test.jpg" />

<script type="text/javascript">

<!--

var a=QFord_getImageSize("test.jpg");

alert('宽：'+a.width +' 高：'+a.height);

// -->

</script>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航