JS获取上传图片真实的尺寸大小和存储大小

<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>