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

</pre><pre name="code" class="html"><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>