如何使用 jQuery 和 jQuery Validate 插件检查上传文件的大小？答案

【问题标题】：How to check the size of an uploaded file using jQuery and jQuery Validate plugin?如何使用 jQuery 和 jQuery Validate 插件检查上传文件的大小？
【发布时间】：2015-03-05 15:07:12
【问题描述】：

我想在客户端实现 jQuery 验证。当用户要上传文件时，Jquery 会检查文件的大小，如果超过最大大小，用户将无法上传文件。如何使用 jQuery 或 jQuery Validate 插件来做到这一点？

【问题讨论】：

标签： jquery upload jquery-validate

【解决方案1】：

仅仅七年后......我有一个拉取请求来验证文件（或文件集合）的最大大小。它现在正在代码审查中。看 https://github.com/jquery-validation/jquery-validation/pull/2087

【讨论】：

【解决方案2】：

Jquery 验证插件代码

 $.validator.addMethod('filesize', function (value, element, arg) {
            var minsize=1000; // min 1kb
            if((value>minsize)&&(value<=arg)){
                return true;
            }else{
                return false;
            }
        });

        $("#myform" ).validate({
            rules: {
                file_upload:{
                    required:true,
                    accept:"application/pdf,image/jpeg,image/png",
                    filesize: 200000   //max size 200 kb
                }
            },messages: {
                file_upload:{
                    filesize:" file size must be less than 200 KB.",
                    accept:"Please upload .jpg or .png or .pdf file of notice.",
                    required:"Please upload file."
                }
            },
            submitHandler: function(form) {
                form.submit();
            }
        });

最小 1 kb 到最大 200 kb 文件大小并且经过测试

【讨论】：

【解决方案3】：

你不能用 JQuery 做到这一点。问题是javascript无法访问文件系统。

这是您可以阅读的有关该主题的内容 - Using jQuery, Restricting File Size Before Uploading

【讨论】：