如何使用jQuery检查文件输入大小？

Question

如何使用jQuery检查文件输入大小？我有一个具有文件上传功能的表单，如果用户试图上传的文件太大，我希望能够有一些很好的客户端错误报告，是否有一种方法可以使用jQuery检查文件大小，或者纯粹在客户机上，或者以某种方式将文件发回服务器进行检查？

Answer 1

如果您想使用jQuery的validate您可以通过创建此方法：

$.validator.addMethod('filesize', function(value, element, param) {
    // param = size (en bytes) 
    // element = element to validate (<input>)
    // value = value of the element (file name)
    return this.optional(element) || (element.files[0].size <= param) });

你可以用它：

$('#formid').validate({
    rules: { inputimage: { required: true, accept: "png|jpe?g|gif", filesize: 1048576  }},
    messages: { inputimage: "File must be JPG, GIF or PNG, less than 1MB" }});

Answer 2

此代码：

$("#yourFileInput")[0].files[0].size;

返回表单输入的文件大小。

在FF 3.6及以后的版本中，这段代码应该是：

$("#yourFileInput")[0].files[0].fileSize;