• 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：images 属性

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

• SWAN
• JS

 
 
 

  
  
  
  
  
  
 
  
  
  
 
  
  
  
 纵图预览
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 点击图片，预览大图, 并可查看原图
  
  
  
 
  
  
  
 
 
 

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

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

• SWAN
• JS

 
 
 

  
  
  
  
  
  
 
  
  
  
 
  
  
  
 纵图预览
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 点击图片，预览大图, 并可查看原图
  
  
  
 
  
  
  
 
 
 

Bug & Tip

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

错误码

Android

错误码	说明
202	解析失败，请检查参数是否正确

iOS

错误码	说明
202	解析失败，请检查参数是否正确

新闻名称：创新互联百度小程序教程：swan.previewImage
文章URL：http://www.jxjierui.cn/article/dpppoih.html