类型:转载 责任编辑:asp.net 日期:2007/05/23
热门软件下载:
我想取得一个在线图片的尺寸大小(也就是说没有上传的过程,只知道图片地址)!哪位大侠能帮帮忙感激不尽!
网友回答:
<img id="meizz" onerror="alert(该图片不存在)" onload="getWH(this)" style="display: none">
<input type=button value=测试 onclick="loadIMG()">
<SCRIPT LANGUAGE="JavaScript">
<!--
function loadIMG()
{
var e = document.images["meizz"];
e.src="http://expert.csdn.net/images/csdn.gif";
e.style.display = "";
}
function getWH(img)
{
var w = img.clientWidth;
var h = img.clientHeight;
img.style.display = "none";
alert("宽 = "+ w +"\r\n高 = "+ h);
}
//-->
</SCRIPT>
<script>
function GetSize()
{
sourceimg.src=imgadd.value;
imgsize.value="宽度"+sourceimg.width+"高度"+sourceimg.height;
}
</script>
<div id="Layer1" style="position:absolute; left:45px; top:15px; width:141px; height:135px; z-index:1; visibility: hidden; overflow: hidden;">
<img id="sourceimg">
</div>
图片地址:<input type="text" name="imgadd">
图片尺寸:<input type="text" name="imgsize" readonly>
<input type="button" value="获得尺寸" onclick="GetSize()">
哎,本来还想着让看看我的blog呢
你的src是可以替换的
var w = img.clientWidth;
var h = img.clientHeight;
img.style.display = "none";
alert("宽 = "+ w +"\r\n高 = "+ h);
可以看个半成品吧
<html>
<head>
<title>新建网页 1</title>
</head>
<script>
function liu(){
var address;
address = document.all.file1.value;
if(address!=""){
document.all.img1.src=address;
var w = document.all.img1.clientWidth;
var h = document.all.img1.clientHeight;
window.alert("w="+w+"h="+h);
}
}
</script>
<body>
<form method="POST" enctype="multipart/form-data" action="filesize.asp">
<input type="file" name="F1" size="20" id="file1"><input type="submit" value="提交" name="B1"><input type="reset" value="重置" name="B2">
</form>
<p><img border="0" src="4/1.jpg" width="315" height="480" id="img1"></p>
<input type="button" onclick="javascript:liu()" value="预览"> <a href="javacript:history.go(-1)">houtui</a></body></html>