上传前检查文件大小

Question

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

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

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

更新：

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

Answer 1

您可以使用 HTML5 中的文件读取器读取 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 可能有帮助。