使用javascript / jquery验证文件上载

时间:2013-03-15 18:36:28

标签: javascript jquery asp.net file-upload filesize

好的,这令人沮丧。我在google上搜索了很多关于如何验证所选文件(上传)扩展名和大小但在文件大小上没有成功的问题。我在asp.net中有一个图像上传控件(用于上传图像),但在服务器上验证了扩展名和文件大小。这就是它的工作原理。如果用户提交的1GB文件是重命名为.jpg的电影怎么办?

Twitter以某种方式设法验证客户端的输入文件,包括扩展名和文件大小。在提交到服务器之前,任何人都有任何想法如何做到这一点?

谢谢!

LE:不,没有HTML5。并非所有浏览器都支持它。我还需要一个在IE 7和8中工作的解决方案!

2 个答案:

答案 0 :(得分:3)

如果用户浏览器支持html5 fileapi,您可以从文件输入中读取文件大小。

document.getElementById('file').files[0].size  //size of file in bytes
document.getElementById('file').files[0].name  //name of file
document.getElementById('file').files[0].type  //mime type

答案 1 :(得分:0)

Musa指出,HTML5 api可能会过滤掉大多数情况。

也有专有的ActiveX方法可以做到这一点,但支持有点未知。

如果您坚持不使用html5,Flash可以为您进行检查,您可以查看类似swfupload的内容https://code.google.com/p/swfupload/