tt.getImageInfo

收藏

我的收藏

语法

参数说明

options 为 object 类型，属性如下：

回调成功

object 类型，属性如下：

orientation 的合法值

回调失败

object 类型，属性如下：

错误码

扫码体验

代码示例

开发者工具中预览

<!-- 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("获取完成");
      },
    });
  },
});