美图齐众专注资阳网站设计 资阳网站制作 资阳网站建设
资阳网站建设公司服务热线：028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后，网站问题一站解决

创新互联百度小程序教程：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
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  横图预览
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  
      9.   
  
  
    9.  
      10.   
  
  
    10.  点击图片，预览大图
      11.   
  
  
    11.  
      12.   
  
  
      13.

    代码示例 2：images 属性

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • SWAN
    • JS
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  纵图预览
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  
      9.   
  
  
    9.  
      10.   
  
  
    10.  
      11.   
  
  
    11.  点击图片，预览大图, 并可查看原图
      12.   
  
  
    12.  
      13.   
  
  
      14.

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

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • SWAN
    • JS
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  纵图预览
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  
      9.   
  
  
    9.  
      10.   
  
  
    10.  
      11.   
  
  
    11.  点击图片，预览大图, 并可查看原图
      12.   
  
  
    12.  
      13.   
  
  
      14.

    Bug & Tip

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

    错误码

    Android

    错误码 说明

    202

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

    iOS

    错误码 说明

    202

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

    当前题目：创新互联百度小程序教程：swan.previewImage
    链接URL：http://www.zsjierui.cn/article/dpppoih.html

    其他资讯