后浪云百度小程序教程:swan.getImageInfo

  • swan.getImageInfo
    • 方法参数
      • object 参数说明
      • success 返回参数说明
    • 示例
      • 图片示例
      • 代码示例 1:绝对路径图片
      • 代码示例 2:相对路径图片
      • 代码示例 3:临时文件路径
    • 错误码
      • Android
      • iOS

    swan.getImageInfo

    解释:获取图片信息

    方法参数

    Object object

    object 参数说明

    属性名类型必填默认值说明

    src

    String

    图片的路径,可以是相对路径、临时文件路径或存储文件路径、网络图片

    success

    Function

    接口调用成功的回调函数

    fail

    Function

    接口调用失败的回调函数

    complete

    Function

    接口调用结束的回调函数(调用成功、失败都会执行)

    success 返回参数说明

    参数类型说明

    width

    Number

    图片宽度(单位:px)

    height

    Number

    图片高度(单位:px)

    path

    String

    返回图片的本地路径

    orientation

    String

    返回图片的方向:
    · up:默认不变;
    · down:180 度旋转;
    · left:逆时针 90 度旋转;
    · right:顺时针 90 度旋转;
    · up-mirrored:镜像翻转;
    · down-mirrored:镜像 180 旋转;
    · left-mirrored:逆时针 90 度镜像旋转;
    · right-mirrored:顺时针 90 度镜像旋转

    type

    String

    返回图片的格式

    示例

    扫码体验

    代码示例

    请使用百度APP扫码

    图片示例

    代码示例 1:绝对路径图片

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • SWAN
    • JS
     
     
     
    1. <view class="wrap">
    2. <view class="card-area">
    3. <image mode="aspectFill" class="display-area-image" src="https://b.bdstatic.com/miniapp/image/getImageInfo.png"></image>
    4. <view class="top-description border-bottom">图片信息</view>
    5. <view class="list-area border-bottom" s-for="item in infoList">
    6. <view class="list-item-key-4">{{item.chineseName}}}</view>
    7. <view class="list-item-value">{{item.value}}</view>
    8. </view>
    9. </view>
    10. <view class="swan-security-padding-bottom flex-button">
    11. <button type="primary" class="bottom-btn" bindtap="getImageInfo">获取图片信息</button>
    12. </view>
    13. </view>

    代码示例 2:相对路径图片

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • 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:临时文件路径

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • SWAN
    • JS
     
     
     
    1. <view class="wrap">
    2. <view class="card-area">
    3. <view class="top-description border-bottom">图片信息</view>
    4. <view class="list-area border-bottom" s-for="item in infoList">
    5. <view class="list-item-key-4">{{item.chinaName}}}</view>
    6. <view class="list-item-value">{{item.value}}</view>
    7. </view>
    8. </view>
    9. <view class="swan-security-padding-bottom flex-button">
    10. <button type="primary" class="bottom-btn" bindtap="getImageInfo">选择一张图片并获取信息</button>
    11. </view>
    12. </view>

    错误码

    Android

    错误码说明

    201

    解析失败,请检查调起协议是否合法

    202

    解析失败,请检查参数是否正确

    1001

    执行失败

    iOS

    错误码说明

    202

    解析失败,请检查参数是否正确

    1003

    读取图片内容为空(小程序文件夹为空或读取图片失败)

    THE END