jsp页面判断图片大小。

 

提交时验证图片大小：

        function submitForm(){
             var extend=$('input[type="file"]').val().substr($('input[type="file"]').val().lastIndexOf(".")+1);
             if(extend==null || extend==""){
                 alert('请选择背景图片！');
                 return;
             }else if(extend!=null&&extend!=""&&"png".indexOf(extend)==-1){
                 alert("选择的文件必须是png文件,请确认！");
             }else{
                 var f=document.getElementById("file").files[0];
                  var img = document.createElement("img");
                  var flg=true;
                  img.file = f;
                  img.onload=function(){
                      var h = this.height;
                      var w = this.width;
                       if(w != 640 || h!= 320){
                             alert('背景图片必须是640*320！');
                             flg=false;
                         }else{
                             $("#inputForm").submit();
                         }

                         var size= f.size;//图片大小 sizeX1024是kb单位的大小
                      }
                  }
                  var reader = new FileReader();
                  reader.onload = function(e){
                     img.src = e.target.result;
                  };
                  reader.readAsDataURL(f);
            }
        }

选择图片时验证图片大小：

<input type="file" id="file" name="file" onchange="imgSizeVal('file')" />

function imgSizeVal(fid){
	var extend = $('input[id="'+fid+'"]').val().substr($('input[id="'+fid+'"]').val().lastIndexOf(".") + 1);
	if (extend != null && extend != "") {
		if("jpg|jpeg|gif|bmp|png|".indexOf(extend+"|")==-1){
			alert("选择的文件必须是图片,请确认!");
			document.getElementById(fid).value = '';
		}
		var f=document.getElementById(fid).files[0];
        var img = document.createElement("img");
        var flg=true;
        img.file = f;
        img.onload=function(){
            var fsize = f.size;
            var maxsize=500*1024;
            if(fsize>maxsize){
          	    alert("选择的图片必须小于500K！"); 
          	    document.getElementById(fid).value = '';
            }
        }
        var reader = new FileReader();
        reader.onload = function(e){
           img.src = e.target.result;
        };
        reader.readAsDataURL(f);
	}
}