如何在客户端获取上传图片的大小
2008-09-28 10:14
204 查看
常看到又朋友问在客户端,如何获取上传文件的阿大小,这个问题同样一直也困扰着我,花了很长的时间好不容易才把文件上传到服务器上,通过判断,才知道客户上传的文件超过了我们设置的大小,此时才把这样的信息返回给客户,感觉不是很好。
前几天在论坛中看到一位朋友发表了一片可以获取上传图片的尺寸,我看到了,并确试了,感觉的确不错,就想能不能获得文件的大小了,查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,还有没有其他更简捷的方法获取我们需要上传文件的大小。
前几天在论坛中看到一位朋友发表了一片可以获取上传图片的尺寸,我看到了,并确试了,感觉的确不错,就想能不能获得文件的大小了,查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,还有没有其他更简捷的方法获取我们需要上传文件的大小。
相关文章推荐
- js如何获取上传图片的大小
- 如何获取上传图片的大小
- 在客户端获取上传图片的大小
- js如何获取上传图片的大小
- 通过input 的file 控件,上传图片,如何获取文件的大小问题
- html5 如何实现客户端验证上传文件的大小
- jquery如何获取input(file)控件上传的图片名称,即"11111.jpg"
- js获取上传图片真实的尺寸大小和存储大小
- js获取上传图片的尺寸大小
- 兼容ie6、ie7、ie8 和FF的本地上传图片预览,并客户端判断文件大小和文件格式
- jquery 获取上传图片的大小(或者本张图片的其它属性)
- ckfinder 在上传图片后, ckeditor 获取图片路径时 多了个斜杠 如何解决呀?
- 用js在客户端获取上传文件的大小
- 【phpcms-v9】phpcms-v9中如何设置上传附件的大小(视频、图片)
- js获取上传图片大小
- 客户端验证上传图片的大小(兼容IE和火狐)
- html5 如何实现客户端验证上传文件的大小
- javascript获取上传图片的大小
- UE如何改变点击上传图片的弹出框的大小...
- 如何从andorid客户端上传图片到服务器?