抖音开放平台Logo
开发者文档
控制台
  • API 概览
  • 开放能力
  • 基础
  • 渲染
  • 设备
  • 文件
  • 位置
  • 媒体
  • 图片
  • ImageFile
  • tt.chooseImage
  • tt.previewImage
  • tt.saveImageToPhotosAlbum
  • tt.getImageInfo
  • 音频
  • 录屏
  • 麦克风
  • 相机
  • 录音
  • 视频
  • 人脸检测
  • 手势识别
  • 网络
  • 游戏转发分享
  • 实时语音
  • 数据缓存
  • 系统
  • 广告
  • 界面
  • 支付
  • Worker
  • tt.previewImage
    收藏
    我的收藏

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

    预览一组图片。

    前提条件
    业务背景
    使用限制
    注意事项
    • 抖音不支持预览图片保存功能。
    • 当 urls 中存在多个相同的图片地址,预览时会选择 current 地址对应的第一张图片进行展示,可通过给图片地址增加 query 或 hash 值避免地址重复。
    相关教程

    语法

    tt.previewImage(options)

    参数说明

    options 为 object 类型,属性如下:

    属性名类型默认值必填说明最低支持版本
    currentstringurls[0] 的内容

    当前显示图片的链接,不填则默认为 urls 中的第一张

    1.0.0
    urlsArray<string>

    需要预览的图片地址列表

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

    回调成功

    object 类型,属性如下:

    属性名类型说明最低支持版本
    errMsgstring
    "previewImage:ok"
    1.0.0

    回调失败

    object 类型,属性如下:

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

    扫码体验

    请使用字节宿主APP扫码

    代码示例

    开发者工具中预览

    tt.previewImage({ urls: ["image1", "image2", "image3"], current: "image3", success(res) { console.log(`previewImage调用成功`); }, fail(res) { console.log(`previewImage调用失败`); }, });