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

Question

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

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

Answer 1

如果您想使用jQuery的validate您可以通过创建此方法：$.validator.addMethod('filesize',&nbsp;function(value,&nbsp;element,&nbsp;param)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;param&nbsp;=&nbsp;size&nbsp;(en&nbsp;bytes)&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;element&nbsp;=&nbsp;element&nbsp;to&nbsp;validate&nbsp;(<input>) &nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;value&nbsp;=&nbsp;value&nbsp;of&nbsp;the&nbsp;element&nbsp;(file&nbsp;name) &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;this.optional(element)&nbsp;||&nbsp;(element.files[0].size&nbsp;<=&nbsp;param)&nbsp;});你可以用它：$('#formid').validate({ &nbsp;&nbsp;&nbsp;&nbsp;rules:&nbsp;{&nbsp;inputimage:&nbsp;{&nbsp;required:&nbsp;true,&nbsp;accept:&nbsp;"png|jpe?g|gif",&nbsp;filesize:&nbsp;1048576&nbsp;&nbsp;}}, &nbsp;&nbsp;&nbsp;&nbsp;messages:&nbsp;{&nbsp;inputimage:&nbsp;"File&nbsp;must&nbsp;be&nbsp;JPG,&nbsp;GIF&nbsp;or&nbsp;PNG,&nbsp;less&nbsp;than&nbsp;1MB"&nbsp;}});

Answer 2

此代码：$("#yourFileInput")[0].files[0].size;返回表单输入的文件大小。在FF 3.6及以后的版本中，这段代码应该是：$("#yourFileInput")[0].files[0].fileSize;