jquery校验图片尺寸，大小

来源：互联网发布：nginx 访问目录 403 编辑：程序博客网时间：2024/05/22 09:00

<input type="file" name="files" id="file12" uploadType="png" onchange="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