开发
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

回调成功

Object 类型,属性如下:

属性类型说明最低支持版本
errMsgstring"getImageInfo:ok"1.10.0
widthnumber图片宽度(单位: px)1.10.0
heightnumber图片高度(单位: px)1.10.0
typestring图片格式1.10.0
pathstring返回图片的本地路径,若为网络图片则该 API 首先会下载图片再返回下载到本地后的临时路径1.10.0

回调失败

Object 类型,属性如下:

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

获取网络图片信息

如果要获取网络图片的信息,需要预先在开发者平台配置 download 的域名白名单

具体步骤为:开发者平台 -> 选择目标小程序 -> 开发设置 -> 服务器域名 -> downloadFile 合法域名。

效果示例

扫码体验

请使用字节宿主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(res) {
        console.log("获取完成");
      },
    });
  },
});

Bug & Tip

点击纠错
评价此篇文档