创新互联百度小程序教程:swan.previewImage

  • swan.previewImage
    • 方法参数
      • object 参数说明
    • 示例
      • 图片示例
      • 代码示例 1:基本用法
      • 代码示例 2:images 属性
      • 代码示例 3:images 属性多个 urls 的使用
    • Bug & Tip
    • 错误码
      • Android
      • iOS

    swan.previewImage

    解释: 预览图片。

    网站建设哪家好,找成都创新互联公司!专注于网页设计、网站建设、微信开发、小程序制作、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了临淄免费建站欢迎大家使用!

    方法参数

    Object object

    object 参数说明

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

    current

    String

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

    urls

    Array.

    需要预览的图片链接列表

    images

    Array.

    -

    支持原图的图片链接列表,注意顺序需与 urls 中一致。
    images: [
      {
        url: ‘小图地址’,
        origin_url: ‘原图地址’
      },
       …
    ]

    success

    Function

    接口调用成功的回调函数

    fail

    Function

    接口调用失败的回调函数

    complete

    Function

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

    示例

    扫码体验

    代码示例

    请使用百度APP扫码

    图片示例

    代码示例 1:基本用法

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • SWAN
    • JS
     
     
     
    1. 横图预览
    2. 点击图片,预览大图

    代码示例 2:images 属性

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • SWAN
    • JS
     
     
     
    1. 纵图预览
    2. 点击图片,预览大图, 并可查看原图

    代码示例 3:images 属性多个 urls 的使用

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • SWAN
    • JS
     
     
     
    1. 纵图预览
    2. 点击图片,预览大图, 并可查看原图

    Bug & Tip

    • Tip:开发者工具 1.8.0 current 参数为当前显示图片的索引值。
    • Tip:不支持预览本地文件。

    错误码

    Android

    错误码 说明

    202

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

    iOS

    错误码 说明

    202

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

    本文标题:创新互联百度小程序教程:swan.previewImage
    分享路径:http://www.csdahua.cn/qtweb/news7/404657.html

    网站建设、网络推广公司-快上网,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 快上网