（一）官方提供的功能參數(shù)

參數(shù)

示例代碼：

wx.previewImage({
  current: '', // 當(dāng)前顯示圖片的http鏈接
  urls: [] // 需要預(yù)覽的圖片http鏈接列表
})

（二）實(shí)際使用

WXML

<image  wx:for="{{imgList}}" wx:key="imgs" src="{{item}}" data-src="{{item}}" mode='aspectFill' data-list="{{imgList}}" bindtap="imgYu"></image>

JS

data: {
    imgList:[
      'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1588829460370&di=367b258aad7db04afb0528c474846648&imgtype=0&src=http%3A%2F%2Fwww.xiancn.com%2Fzt%2Fimages%2Fattachement%2Fjpeg%2Fsite2%2F20200403%2Fa41f727e9e331ff11fe111.jpeg',
      'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1588829417149&di=bc16745bf68f2fe0919e53f4e16418a8&imgtype=0&src=http%3A%2F%2Fa1.att.hudong.com%2F05%2F00%2F01300000194285122188000535877.jpg',
      '/images/pyq_ct.jpg',
      '/images/pyq_sp.jpg',
      '/images/pyq_wz.jpg'
    ]
  },
  imgYu:function(event){
    var src = event.currentTarget.dataset.src;//獲取data-src
    var imgList = event.currentTarget.dataset.list;//獲取data-list
    console.log(src)
    //圖片預(yù)覽
    wx.previewImage({
      current: src, // 當(dāng)前顯示圖片的http鏈接
      urls: imgList // 需要預(yù)覽的圖片http鏈接列表
    })
  }

（編輯器內(nèi)本地設(shè)置：勾選“不校驗(yàn)合法域名...”）

實(shí)例顯示

直接彈出圖片預(yù)覽，并且會(huì)顯示圖片數(shù)量，以及可以左右滑動(dòng)切換預(yù)覽。
（嘗試了一下，好像不能上傳視頻，具體的效果可以自行嘗試）

需要注意的是，按照官方示例, 可能只支持 http 或者 https 協(xié)議的網(wǎng)絡(luò)圖片地址，實(shí)際測試中本地圖片會(huì)出現(xiàn)加載中的loading圖。