×
13518219792

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

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

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 中打开

 
 
 
    
  
  
  
    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 中打开

 
 
 
    
  
  
  
    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 中打开

 
 
 
    
  
  
  
    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

错误码

Android

错误码 说明

202

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

iOS

错误码 说明

202

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

分享标题：创新互联百度小程序教程：swan.previewImage
分享网址：http://cdbrznjsb.com/article/dpppoih.html

其他资讯

让你的专属顾问为你服务