jquery怎么限制上传图片大小:(亲测可用)
<input type="file" name="file" class="upload"οnchange="Javascript:validate_img(this);">
//限制上传文件的类型和大小function validate_img(ele){// 返回 KB,保留小数点后两位//alert((ele.files[0].size/(1024*1024)).toFixed(2));var file = ele.value;if(!/.(gif|jpg|jpeg|png|GIF|JPG|bmp)$/.test(file)){alert("图片类型必须是.gif,jpeg,jpg,png,bmp中的一种");return false;}else{//alert((ele.files[0].size).toFixed(2));//返回Byte(B),保留小数点后两位if(((ele.files[0].size).toFixed(2))>=(2*1024*1024)){alert("请上传小于2M的图片");return false;}}alert("图片通过");}
方法2:
<input name="refund_pic1" type="file" οnchange="verificationPicFile(this)"/>
function verificationPicFile(file) { var fileSize = 0; var fileMaxSize = 2048;//1M var filePath = file.value; if(filePath){ fileSize =file.files[0].size; var size = fileSize / 2048; if (size > fileMaxSize) { alert("文件大小不能大于2M!"); file.value = ""; return false; }else if (size <= 0) { alert("文件大小不能为0M!"); file.value = ""; return false; } }else{ return false; } } $(function () { $('#post_form1').validate({ errorPlacement: function (error, element) { error.appendTo(element.nextAll('span.error')); }, rules: { buyer_message: { required: true }, refund_pic1: { accept: 'image/jpg,image/jpeg,image/gif,image/png', }, refund_pic2: { accept: 'image/jpg,image/jpeg,image/gif,image/png' }, refund_pic3: { accept: 'image/jpg,image/jpeg,image/gif,image/png' } }, messages: { buyer_message: { required: '{$Think.lang.please_fill_refund_instructions}' }, refund_pic1: { accept: '{$Think.lang.image_format}' }, refund_pic2: { accept: '{$Think.lang.image_format}' }, refund_pic3: { accept: '{$Think.lang.image_format}' } } }); });