码迷,mamicode.com
首页 > 微信 > 详细

微信小程序图片预览

时间:2020-08-13 12:33:33      阅读:98      评论:0      收藏:0      [点我收藏+]

标签:hat   target   func   tar   数组   data-   需要   lis   spl   

wxml

<image wx:for="{{info}}" src="{{item.pic}}" bindtap="preview" data-list="{{item.pic}}" data-src="{{item.pic}}"></image>

js

Page({

  //图片预览
  preview:function(event){
    var that=this;
    var src = event.currentTarget.dataset.src;//获取data-src
    var imgList = event.currentTarget.dataset.list;//获取data-list
    //图片预览
    wx.previewImage({
      current: src, // 当前显示图片的http链接
      urls: imgList.split(‘,‘) // 需要预览的图片http链接列表
    })
  },
})

如果只预览一张图片,urls 必须是字符串;如果预览多张可左右滑动,urls 必须是数组

微信小程序图片预览

标签:hat   target   func   tar   数组   data-   需要   lis   spl   

原文地址:https://www.cnblogs.com/Jessie-candy/p/13494438.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!