input 上传图片如何不通过blob获取到图片的宽高？

Question

看网上的方法大多是这样的

let url = window.URL || window.webkitURL
let img = new Image()
img.src = url.createObjectURL(files)

然后可以在img.onload () {} 获取到上传图片的宽高，而且上传图片的时候要判断图片的宽高是否符合已经定义好的宽高，确定就上传，取消就不上传

但是呢更到线上后，上传图片就被拦截了，blob不太行，所以想问一下有不通过blob的方式获取到上传图片的宽高吗，报错信息大致是

有啥解决办法呢，只想获取图片的宽高~~~

Answer 1

let reader = new FileReader();
reader.onload = function (e) {
    let img = new Image();
    img.onload = function () {
        console.log(img.width, img.height);
    };
    img.src = e.target.result;
};
reader.readAsDataURL(files[0]); // 假设files[0]是你的图片文件

Answer 2

getImageSize() {
  const img = this.$refs.image;
  const image = new Image();
  image.src = img.src;
  image.onload = () => {
    this.width = image.width;
    this.height = image.height;
  };
}