> 文档中心 > jquery怎么限制上传图片大小:(亲测可用)

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}'  }     } });    });