html - 限制文件上传的大小(html input 元素)

Question

我想简单地限制用户可以上传的文件的大小。

我认为 maxlength = 20000 = 20k 但这似乎根本不起作用。

我在 Rails 上运行，而不是在 PHP 上运行，但我认为在 HTML/CSS 中在客户端执行它会简单得多，或者作为最后的手段使用 jQuery。这是非常基本的，但肯定有一些我遗漏或不知道的 HTML 标记。

希望支持 IE7+、Chrome、FF3.6+。我想我可以在必要时只支持 IE8+。

谢谢。

Answer 1

var uploadField = document.getElementById("file");

uploadField.onchange = function() {
    if(this.files[0].size > 2097152){
       alert("File is too big!");
       this.value = "";
    };
};

这个例子应该可以正常工作。我将其设置为大约 2MB，1MB 的字节数为 1,048,576，因此您可以将它乘以您需要的限制。

这里是更清晰的jsfiddle示例:
https://jsfiddle.net/7bjfr/808/