wx.getImageInfo,在utils里封装使用
时间: 2024-12-17 18:46:18 浏览: 5
`wx.getImageInfo()` 是微信小程序原生提供的 API,用于获取图片的信息,比如宽度、高度和原始数据等。在封装这个功能到 utils 文件夹时,一般会创建一个独立的函数,以便于复用和管理。以下是一个简单的封装示例:
```javascript
// 在 utils 文件夹下的 imageUtils.js 或者其他合适的位置
export function getImageInfo(imageSource) {
return new Promise((resolve, reject) => {
wx.getImageInfo({
src: imageSource, // 这里是图片的 URL 或者本地临时文件路径
success(res) {
if (res.errCode === 0) { // 没有错误
const info = res.imageInfo;
resolve(info);
} else {
reject(res.errMsg); // 异常处理,拒绝并返回错误消息
}
},
fail(err) {
reject(err);
}
});
});
}
```
使用这个封装好的函数时,只需要传入图片的源,它会异步返回一个包含图片信息的对象:
```javascript
import { getImageInfo } from '@/utils/imageUtils';
getImageInfo('path/to/image.jpg')
.then(info => {
console.log('Image Info:', info);
})
.catch(error => {
console.error('Error fetching image info:', error);
});
```
阅读全文