小程序预览图片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
    })
  },

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM