2023年微信小程序API 图片·获取图片信息
作者: --时间: 2025-06-08 13:08:08
阅读量:
微信小程序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()的相关介绍,希望本文能对想使用小程序的企业有所帮助。
-
B2B2C多用户商城系统支持企业自营与商户入驻模式共存 会员一站式精细化营销工具 多用户分销,带来爆发式增长
系统支持平台自营+供应商店铺共存的经营模式(类天猫&京东模式),帮助企业打造生态级商业平台为目的的电子商务系统。
免费试用系统 -
B2B2B电商交易系统优化供应链协作 授信及账期支付 商品按照数量阶梯设价
全渠道订货/采购及经销商管理数字化系统,实现供应链整合和交易便捷化。
免费试用系统 -
S2B2B电商交易系统供销一体化,提高市场集中度 集团管控一体化,有效实现供需匹配 移动应用一体化,提高运营综合效率
上下游资源整合数字化解决方案,赋能产业供应链,构建产业互联网生态体系。
免费试用系统

更多产品任你选