>[info]校验图片尺寸这个组件是在营销平台开发中,需要对用户提供的图片尺寸进行校验,向用户提示上传的图片是否与推荐的推荐尺寸相同的方法类组件。
组件接受三个参数
1. 需要校验的图片地址
2. 校验的宽度
3. 校验的高度
返回值为一个Promise
1. 在图片加载后对比图片的宽高和传递的宽高是否相同,如果相同就返回resolve,在调用的地方被.then()方法捕获,否则返回reject,被.catch()捕获。
2. 在图片加载错误的时候直接reject(),被catch()捕获
```javascript
/**
* 用于校验图片的尺寸,返回一个Promise
* @param {*} imageUrl 图片地址
* @param {*} verifyWidth 校验的宽度
* @param {*} verifyHeight 校验的高度
*/
export const SellerImageSize = (imageUrl, verifyWidth, verifyHeight) => {
return new Promise((resolve, reject) => {
const image = new Image();
image.src = imageUrl;
image.onload = () => {
const { width, height } = image;
if (width === verifyWidth && height === verifyHeight) {
return resolve();
} else {
return reject();
}
};
image.onerror = reject;
});
};
```