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

https://blog.csdn.net/u014236259/article/details/52885591

*************************************************************

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