jquery校验图片尺寸,大小

<input type="file" name="files" id="file12" uploadType="png" οnchange="checkImg(this)" />

function checkImg(img){

 var reader = new FileReader();
reader.onload = function(evt) {
var image = new Image();   
image.src = evt.target.result;
var height = image.height;   
var width = image.width;   
var filesize = img.files[0].size; 
        if(width!=720 && height!=212 && filesize>204800){

          alert('请上传720*212像素,最大不超过2M的图片!');

//不符合正确的图片格式,我做了一个隐藏id,并赋值为1.表单提交时,通过这个值来判断。

          $("#ImgVal1").val(1);
}
}
reader.readAsDataURL(img.files[0]);

}


页面上校验图片大小,存在有些浏览器不兼容问题!浏览器兼容问题可以查下下面的网址!

http://caniuse.mojijs.com/Home/Html/item/key/filereader/index.html


个人建议:不要在页面上做图片大小校验,避免浏览器不兼容问题。解决办法1.可以考虑后台校验,或者是html5页面的可以,因为html5基本上都兼容。


如果你是湖南的 欢迎加入 湖南人在深圳-Java群:557651502

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值