2023年微信小程序API 图片·获取图片信息
作者: --时间: 2025-06-28 10:50:23
阅读量：
微信小程序API 图片·获取图片信息
使用wx.getImageInfo(Object object)可以获取图片的详细信息，包括图片宽高、路径和方向等。下面将介绍该API的使用方法和参数。
1. 参数
Object object是使用wx.getImageInfo()时需要传入的参数对象，其中包括以下属性：
1）src：字符串类型，图片的路径，支持网络路径、本地路径和代码包路径，必填项。
2）success：函数类型，接口调用成功的回调函数，可选项。
3）fail：函数类型，接口调用失败的回调函数，可选项。
4）complete：函数类型，接口调用结束的回调函数，可选项。
2. 返回值
当wx.getImageInfo()接口调用成功时，success回调函数将会被执行，并返回一个object类型的参数res。该参数包含以下属性：
1）width：数字类型，表示图片原始宽度，单位为像素px，不考虑旋转。
2）height：数字类型，表示图片原始高度，单位为像素px，不考虑旋转。
3）path：字符串类型，表示图片的本地路径。
4）orientation：字符串类型，表示拍照时设备方向。当sdk版本>=1.9.90时才有此属性。
5）type：字符串类型，表示图片格式。当sdk版本>=1.9.90时才有此属性。
另外，如果wx.getImageInfo()接口调用失败，则fail回调函数将会被执行。
3. 示例代码
以下是一个使用wx.getImageInfo()的示例代码：
``` javascript
wx.getImageInfo({
src: 'images/a.jpg',
success (res) {
console.log(res.width);
console.log(res.height);
console.log(res.path);
}
})
```
上述代码将获取images/a.jpg图片的详细信息并打印出宽度、高度和路径。
此外，如需在选择图片后直接获取所选图片的详细信息，可以借助wx.chooseImage()中的success回调函数，并在其中使用wx.getImageInfo()。
``` javascript
wx.chooseImage({
success (res) {
wx.getImageInfo({
src: res.tempFilePaths[0],
success (res) {
console.log(res.width);
console.log(res.height);
console.log(res.path);
}
})
}
})
```
上述代码将打开系统相册，并选择第一张图片进行详细信息的获取。
以上是wx.getImageInfo()的相关介绍，希望本文能对想使用小程序的企业有所帮助。
