开发
API

tt.getImageInfo

基础库 1.10.0 开始支持本方法,这是一个异步方法。

获取图片信息。

语法

tt.getImageInfo(options)

参数说明

options 为 object 类型,属性如下:

属性名类型默认值必填说明最低支持版本
srcstring图片路径,可以是相对路径、临时文件路径或存储文件路径,如果是网络图片请参考获取网络图片信息1.10.0
successfunction接口调用成功后的回调函数1.10.0
failfunction接口调用失败后的回调函数1.10.0
completefunction接口调用结束后的回调函数(调用成功、失败都会执行)1.10.0

获取网络图片信息

如果要获取网络图片的信息,需要预先在开发者平台配置 download 的域名白名单。具体步骤为:开发者平台 -> 选择目标小程序 -> 开发设置 -> 服务器域名 -> downloadFile 合法域名。

回调成功

object 类型,属性如下:

属性名类型说明最低支持版本
widthnumber图片宽度,单位 px1.10.0
heightnumber图片高度,单位 px1.10.0
typestring图片格式1.10.0
pathstring返回图片的本地路径,若为网络图片则该 API 首先会下载图片再返回下载到本地后的临时路径1.10.0
orientationstring拍照时设备方向,合法值参考 orientation 的合法值。orientation 的介绍请参考链接2.29.0
errMsgstring"getImageInfo:ok"1.10.0

orientation 的合法值

说明最低支持版本
up默认方向(手机横持拍照),对应 Exif 中的 1。或无 orientation 信息。2.29.0
up-mirrored同 up,但镜像翻转,对应 Exif 中的 22.29.0
down旋转 180 度,对应 Exif 中的 32.29.0
down-mirrored同 down,但镜像翻转,对应 Exif 中的 42.29.0
left逆时针旋转 90 度,对应 Exif 中的 82.29.0
left-mirrored同 left,但镜像翻转,对应 Exif 中的 52.29.0
right顺时针旋转 90 度,对应 Exif 中的 62.29.0
right-mirrored同 right,但镜像翻转,对应 Exif 中的 72.29.0

回调失败

object 类型,属性如下:

属性名类型说明最低支持版本
errMsgstring"getImageInfo:fail " + 详细错误信息1.10.0
errNonumber错误码2.48.0

扫码体验

请使用字节宿主APP扫码

代码示例

开发者工具中预览

<!-- index.ttml -->
<image src="{{image}}" mode="widthFix" bindtap="previewImage"></image>
<button type="primary" bindtap="getImageInfo">获取上面的图片信息</button>
<view>图片信息:{{imageInfo}}</view>
// index.js
Page({
  data: {
    image: "https://s3.pstatp.com/toutiao/static/img/logo.201f80d.png",
    imageInfo: "",
  },
  getImageInfo() {
    tt.getImageInfo({
      src: this.data.image, // 也可以为本地路径,相对路径或临时文件路径
      success: (res) => {
        tt.showToast({ title: "获取成功" });
        let { type, width, height, path } = res;
        let imageInfo = `图片类型: ${type}; 图片宽度: ${width}px; 图片高度: ${height}px; 图片路径: ${path}`;
        this.setData({
          imageInfo,
        });
      },
      fail: (err) => {
        tt.showModal({
          title: "获取失败",
          content: err.errMsg,
          showCancel: false,
        });
      },
      complete() {
        console.log("获取完成");
      },
    });
  },
});

Bug & Tip

点击纠错
该文档是否对你的开发有所帮助?
有帮助
没帮助
该文档是否对你的开发有所帮助?
有帮助
没帮助