>[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;
});
};
```