• swan.previewImage
  • 方法參數(shù)
    • object 參數(shù)說明
  • 示例
    • 圖片示例
    • 代碼示例 1：基本用法
    • 代碼示例 2：images 屬性
    • 代碼示例 3：images 屬性多個(gè) urls 的使用
  • Bug & Tip
  • 錯(cuò)誤碼
    • Android
    • iOS

swan.previewImage

解釋： 預(yù)覽圖片。

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序制作、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了臨淄免費(fèi)建站歡迎大家使用！

方法參數(shù)

Object object

object 參數(shù)說明

屬性名	類型	必填	默認(rèn)值	說明
current	String	否		當(dāng)前顯示圖片的鏈接，不填則默認(rèn)為 urls 的第一張
urls	Array.	是		需要預(yù)覽的圖片鏈接列表
images	Array.	否	-	支持原圖的圖片鏈接列表，注意順序需與 urls 中一致。 images: [ ??{ ????url: ‘小圖地址’, ????origin_url: ‘原圖地址’ ??}, ?? … ]
success	Function	否		接口調(diào)用成功的回調(diào)函數(shù)
fail	Function	否		接口調(diào)用失敗的回調(diào)函數(shù)
complete	Function	否		接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行）

示例

掃碼體驗(yàn)

代碼示例

請(qǐng)使用百度APP掃碼

圖片示例

代碼示例 1：基本用法

在開發(fā)者工具中打開

在開發(fā)者工具中打開

在 WEB IDE 中打開

• SWAN
• JS

 
 
 

  
  
  
  
  
  
 
  
  
  
 
  
  
  
 橫圖預(yù)覽
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 點(diǎn)擊圖片，預(yù)覽大圖
  
  
  
 
  
  
  
 
 
 

代碼示例 2：images 屬性

在開發(fā)者工具中打開

在開發(fā)者工具中打開

在 WEB IDE 中打開

• SWAN
• JS

 
 
 

  
  
  
  
  
  
 
  
  
  
 
  
  
  
 縱圖預(yù)覽
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 點(diǎn)擊圖片，預(yù)覽大圖, 并可查看原圖
  
  
  
 
  
  
  
 
 
 

代碼示例 3：images 屬性多個(gè) urls 的使用

在開發(fā)者工具中打開

在開發(fā)者工具中打開

在 WEB IDE 中打開

• SWAN
• JS

 
 
 

  
  
  
  
  
  
 
  
  
  
 
  
  
  
 縱圖預(yù)覽
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 點(diǎn)擊圖片，預(yù)覽大圖, 并可查看原圖
  
  
  
 
  
  
  
 
 
 

Bug & Tip

• Tip：開發(fā)者工具 1.8.0 current 參數(shù)為當(dāng)前顯示圖片的索引值。
• Tip：不支持預(yù)覽本地文件。

錯(cuò)誤碼

Android

錯(cuò)誤碼	說明
202	解析失敗，請(qǐng)檢查參數(shù)是否正確

iOS

錯(cuò)誤碼	說明
202	解析失敗，請(qǐng)檢查參數(shù)是否正確

網(wǎng)頁(yè)名稱：創(chuàng)新互聯(lián)百度小程序教程：swan.previewImage
網(wǎng)頁(yè)鏈接：http://www.fisionsoft.com.cn/article/dpppoih.html