上传前检查文件大小

Question

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

我可能正在寻找javascript / ajax解决方案，但是我不知道如何实现此目的。

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

更新：

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

Answer 1

您可以使用 file readerHTML5

中的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);