如何在客户端获取上传图片的大小

发表于:2007-06-30来源:作者:点击数: 标签:
常看到又朋友问在客户端,如何获取上传文件的阿大小,这个问题同样一直也困扰着我,花了很长的时间好不容易才把文件上传到 服务器 上,通过判断,才知道客户上传的文件超过了我们设置的大小,此时才把这样的信息返回给客户,感觉不是很好。 前几天在论坛中看
常看到又朋友问在客户端,如何获取上传文件的阿大小,这个问题同样一直也困扰着我,花了很长的时间好不容易才把文件上传到服务器上,通过判断,才知道客户上传的文件超过了我们设置的大小,此时才把这样的信息返回给客户,感觉不是很好。

前几天在论坛中看到一位朋友发表了一片可以获取上传图片的尺寸,我看到了,并确试了,感觉的确不错,就想能不能获得文件的大小了,查MSDN,没有看到这样的方法,不免有些失望。

刚才看到- erquan兄说到PHP版中可以下载到DHTML文档,我就迫不及待去寻找,没有另我失望,在DHTML文档中我看到有这样一个属性filesize,可以获取一个在浏览器上显示图片的大小。

通过它我们可以查看到图片的大小
————————————
代码
------------
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<SCRIPT LANGUAGE=javascript>
<!--
function changephoto()
{
document.all.img1.src=document.all.file1.value;

}
function show ()
{
if (document.all.file1.value=="")
alert ("还没有选择图片");
else
alert ("选择的图片大小:" + document.all.img1.fileSize +"\n宽度:" + document.all.img1.width + "\n高度:" + document.all.img1.height);
}
//-->
</SCRIPT>

<BODY>
<FORM action="" method=POST id=form1 name=form1>
<P><INPUT id=file1 type=file name=file1 onchange="changephoto()"></P>
</FORM>
<a href="Javascript:show()">test</a>
<br>
<img Id="img1" >

</BODY>
</HTML>

这样的代码可以获取我们需要上传的图片的大小,但是对于上传其他类型的文件,好像有点无能为了了,而且还有一个问题,不论通过何种方法想把IMG1隐藏起来,可以获取图片的大小,但却获取不了图片的尺寸。

我来抛砖引玉,希望和大家共同来探讨,在客户端,除了写OCX,还有没有其他更简捷的方法获取我们需要上传文件的大小。

原文转自:http://www.ltesting.net