<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