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电商交易系统

上下游资源整合数字化解决方

了解更多
企业集采商城系统

中大型企业数字化采购与交易
系统

了解更多
员工福利商城系统

集福利管理、发放于一体的员
工福利商城

了解更多

电话咨询 微信咨询 0元开店