微信小程序 图片预览用map方法

Posted fengshaopu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序 图片预览用map方法相关的知识,希望对你有一定的参考价值。

第一步获取到图片的数组 还有点击的index

 var a = res.data.message.pics
     var x=e.currentTarget.dataset.index

第二步用map方法获取到里面想要看到的所以图片地址

    var b=this.data.list.map(v=>v.pics_big)

然后用wx小程序里面的一个组件

wx.previewImage({
  current: b[x], // 当前显示图片的http链接
  urls: b // 需要预览的图片http链接列表
})

https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.previewImage.html

以上是关于微信小程序 图片预览用map方法的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序上传图片+图片预览

微信小程序点击图片放大预览

微信小程序预览图片

微信小程序 怎么实现view内容保存到本地图片

微信小程序如何给服务器上传多张图片,微信小程序实现上传多张本地图片到服务器和图片预览...

微信小程序实现预览图片