判断上传图片的尺寸和大小demo

<input id="file" type="file">  

    <input id="Button1" type="button" value="button" onclick="check()">  

    <script>  

    window.check=function(){  

        var input = document.getElementById("file");  

        if(input.files){  

                        //读取图片数据  

          var f = input.files[0];  

          var reader = new FileReader();  

          reader.onload = function (e) {  

              var data = e.target.result;  

              //加载图片获取图片真实宽度和高度  

              var image = new Image();  

              image.onload=function(){  

                  var width = image.width;  

                  var height = image.height;  

                  alert(width+'======'+height+"====="+f.size);  

              };  

              image.src= data;  

          };  

              reader.readAsDataURL(f);  

          }else{  

              var image = new Image();   

              image.onload =function(){  

                  var width = image.width;  

                  var height = image.height;  

                  var fileSize = image.fileSize;  

                  alert(width+'======'+height+"====="+fileSize);  

              }  

              image.src = input.value;  

          }  

    }  

    </script>