获取图片一张图片的大小
let img = new Image() img.src = imgUrl if ( img.width != 375 || img.height != 200 ) { message.error(‘请上传375*200大小的图片’) return false }
发现有时img的宽高读取都为0,但是图片url地址是正确的。
这边存在一个问题, 当给img赋值src 的时候,其实是去请求了这个url获取图片资源,但是在执行img.width != 375 || img.height != 200 这行代码的时候,有可能图片资源尚未请求到,所以自然读取的数值为0.
解决的方法是在确保图片已经被加载后(onload),再执行对应的方法:
var img = new Image() var img1 = new Image(100, 100) //注意onload写在src赋值前比较好 img.onload = () =>{ console.log(img.width, img.height) //210 92 console.log(img1.width, img1.height) //100 100 } img.src = './1.png' img1.src = './1.png'