swan.getImageInfo

解释：获取图片信息

方法参数

Object object

object参数说明 ：

属性名类型必填默认值说明
srcString是图片的路径，可以是相对路径、临时文件路径或存储文件路径、网络图片。
successFunction否接口调用成功的回调函数
failFunction否接口调用失败的回调函数
completeFunction否接口调用结束的回调函数（调用成功、失败都会执行）

success返回参数说明 ：

参数类型说明
widthNumber图片宽度（单位：px）
heightNumber图片高度（单位：px）
pathString返回图片的本地路径
orientationString返回图片的方向： · up:默认不变； · down：180度旋转； · left：逆时针90度旋转； · right：顺时针90度旋转； · up-mirrored：镜像翻转； · down-mirrored：镜像180旋转； · left-mirrored：逆时针90度镜像旋转； · right-mirrored：顺时针90度镜像旋转。
typeString返回图片的格式

示例

在开发者工具中预览效果

扫码体验

swan.getImageInfo - 图1请使用百度APP扫码

图片示例

swan.getImageInfo - 图2

swan.getImageInfo - 图3

swan.getImageInfo - 图4

代码示例1 - 网络图片 ：

在开发者工具中预览效果

  • 在 js 文件中
  1. Page({
  2.     getImageInfo() {
  3.         swan.getImageInfo({
  4.             src: 'https://b.bdstatic.com/miniapp/image/getImageInfo.png',
  5.             success: res => {
  6.                 console.log('getImageInfo success', res);
  7.             },
  8.             fail: err => {
  9.                 console.log('getImageInfo fail', err);
  10.             }
  11.         });
  12.     }
  13. });

代码示例2 - 相对路径图片 ：

在开发者工具中预览效果

  • 在 js 文件中
  1. Page({
  2.     getImageInfo() {
  3.         swan.getImageInfo({
  4.             src: '../images/ai.png',
  5.             success: res => {
  6.                 console.log('getImageInfo success', res);
  7.             },
  8.             fail: err => {
  9.                 console.log('getImageInfo fail', err);
  10.             }
  11.         });
  12.     }
  13. });

代码示例3 - 临时文件路径 ：

在开发者工具中预览效果

  • 在 js 文件中
  1. Page({
  2.     getImageInfo() {
  3.         let that = this;
  4.         swan.chooseImage({
  5.             count: 1,
  6.             sizeType: ['original', 'compressed'], 
  7.             sourceType: ['camera'],
  8.             success: res => {
  9.                 console.log(res.tempFilePaths);
  10.                 this.setData('imageList', res.tempFilePaths);
  11.                 swan.getImageInfo({
  12.                     src: res.tempFilePaths[0],
  13.                     success: res => {
  14.                         console.log('getImageInfo success', res);
  15.                         that.updateInfoList(res);
  16.                     },
  17.                     fail: err => {
  18.                         console.log('getImageInfo fail', err);
  19.                     }
  20.                 });
  21.             },
  22.             fail: err => {
  23.                 console.log('错误码：' + err.errCode);
  24.                 console.log('错误信息：' + err.errMsg);
  25.             }
  26.         });
  27.     }
  28. });

代码示例4 - 存储文件路径 ：

在开发者工具中预览效果

  • 在 js 文件中
  1. Page({
  2.     getImageInfo() {
  3.         let that = this;
  4.         swan.chooseImage({
  5.             count: 1,
  6.             sizeType: ['original', 'compressed'], 
  7.             sourceType: ['album'],
  8.             success: res => {
  9.                 console.log(res.tempFilePaths);
  10.                 this.setData('imageList', res.tempFilePaths);
  11.                 swan.getImageInfo({
  12.                     src: res.tempFilePaths[0],
  13.                     success: res => {
  14.                         console.log('getImageInfo success', res);
  15.                         that.updateInfoList(res);
  16.                     },
  17.                     fail: err => {
  18.                         console.log('getImageInfo fail', err);
  19.                     }
  20.                 });
  21.             },
  22.             fail: err => {
  23.                 console.log('错误码：' + err.errCode);
  24.                 console.log('错误信息：' + err.errMsg);
  25.             }
  26.         });
  27.     }
  28. });

错误码

Android

错误码说明
201解析失败，请检查调起协议是否合法
202解析失败，请检查参数是否正确
1001执行失败

iOS

错误码说明
202解析失败，请检查参数是否正确
1003读取图片内容为空(小程序文件夹为空或读取图片失败)