使用javascript/jquery验证文件上传

Question

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

例如，Twitter设法在客户端验证了输入文件，包括扩展名和文件大小。在提交到服务器之前，有没有人知道怎么做？

谢谢!

乐:不，不是HTML5。并不是所有的浏览器都支持它。我需要一个解决方案来工作在IE 7和8也！

Answer 1

如果用户浏览器支持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

Answer 2

正如穆萨指出的那样，HTML5应用程序接口可能会过滤掉大多数情况。

有一些专有的ActiveX方法也可以做到这一点，但对它的支持还不是很清楚。

https://code.google.com/p/swfupload/可以为你做检查，如果你坚持不使用Flash，你可以查看一下类似swfupload Flash的东西