小程序預覽圖片wx.previewImage

效果圖：

 ====》  

==》

 

 

 

 代碼:

 

<image mode='aspectFill' bindtap='previewImage'  data-src='{{dataList.avatar}}' src="{{dataList.avatar}}"></image>

 

/**
   * 頁面的初始數據
   */
  data: {
    imgUrls:[],//預覽用的
    dataList: [],//后台接口返回的數據  暫存區
  },
/**
   * 預覽頭像
   */
  previewImage(e) {
    const current = e.target.dataset.src
    // console.log(current)
    wx.previewImage({
      current,
      urls: this.data.imgUrls
    })
  },