如何使用Jquery和Jquery表单validation插件检查上传文件的大小？

我想在客户端上实现Jqueryvalidation。 当用户要上传文件时，Jquery将检查文件的大小，如果超过最大大小，则用户无法上传文件。 如何使用Jquery或Jqueryvalidation插件？

Answer 1

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

以下是您可以阅读的有关该主题的内容 – 使用jQuery，在上传之前限制文件大小

Answer 2

Jqueryvalidation插件代码

$.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文件大小并经过测试

Answer 3

仅仅七年之后……我有一个拉取请求来validation文件（或文件集合）的最大大小。 现在正在进行代码审查。 请参阅https://github.com/jquery-validation/jquery-validation/pull/2087