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

Question

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

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

然后可以在img.load () {} 获取到上传图片的宽高

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

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

Answer 1

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

Answer 2

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]是你的图片文件