js判断上传图片宽高及文件大小

Posted 2020-09-18 沐子馨

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

 

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;

  }

}