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

领测软件测试网 常看到又朋友问在客户端，如何获取上传文件的阿大小，这个问题同样一直也困扰着我，花了很长的时间好不容易才把文件上传到服务器上，通过判断，才知道客户上传的文件超过了我们设置的大小，此时才把这样的信息返回给客户，感觉不是很好。

前几天在论坛中看到一位朋友发表了一片可以获取上传图片的尺寸，我看到了，并确试了，感觉的确不错，就想能不能获得文件的大小了，查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，还有没有其他更简捷的方法获取我们需要上传文件的大小。

文章来源于领测软件测试网 https://www.ltesting.net/