我想在客户端上实现jQuery验证。当用户要上传文件时,Jquery将检查文件的大小,如果超过最大大小,则用户将无法上传文件。如何使用jQuery或jQuery Validate插件?
您无法使用JQuery做到这一点。问题是javascript无法访问文件系统。
这里有一些您可以读懂的主题-Using jQuery, Restricting File Size Before Uploading
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文件大小经过测试
还有短短的七年后...我有一个请求请求来验证文件(或文件集合)的最大大小。现在正在代码审查中。看到https://github.com/jquery-validation/jquery-validation/pull/2087