上传前检查文件大小

Question

我有一个网站，允许用户上传视频文件，但我想将文件大小限制为2MB，这在上传文件后非常简单，但是有人知道我是否可以检查文件大小之前上传它所以我不会不必要地超载服务器？

我可能正在寻找一个javascript / ajax解决方案，但我不知道如何实现这一目标。

非常欢迎任何帮助。谢谢你们！

更新

我需要检查客户端上的文件大小而不是服务器端上的文件大小，这可能吗？

Answer 1

您可以使用HTML5中的file reader来阅读JavaScript中的本地文件：
http://www.html5rocks.com/en/tutorials/file/dndfiles/

function handleFileSelect(evt) {
  var files = evt.target.files; // FileList object

  // files is a FileList of File objects. List some properties.
  var output = [];
  for (var i = 0, f; f = files[i]; i++) {
    console.log(f.size);        /*<--Here is your size of the file! :D*/
  }
}

document.getElementById('files').addEventListener('change', handleFileSelect, false);

Answer 2

如果你使用php，你可以设置php选项 - 'upload_max_filesize'。请参阅http://www.php.net/manual/en/ini.core.php#ini.upload-max-filesize可能有帮助。