首页 > 微信 > 详细

微信小程序的实现图片预览功能

时间:2017-09-24 09:14:26      阅读:380      评论:0      收藏:0      [点我收藏+]

index.wxml

<image src="../../images/01.jpg"class="userinfo-avatar"  bindtap="previewImg01" background-size="cover"mode="aspectFill"></image>

index.js

 //图片预览功能
  previewImg01: function (event) {
    var ImageLinkArray = [
      "http://a3.qpic.cn/psb?/V14aANop0J23cs/by0tCeCk26u5RFQBIuS9K23hB19j5WeSDqQX44B3iLY!/b/dPIAAAAAAAAA&bo=WAIgAwAAAAARAE4!&rf=viewer_4",
      "http://a2.qpic.cn/psb?/V14aANop0J23cs/tAXXhUlDWmD8HqD8Fm8D2OwYHjh4VudDDCedhRGzCoU!/b/dD8BAAAAAAAA&bo=WAIgAwAAAAARAE4!&rf=viewer_4",
      "http://a3.qpic.cn/psb?/V14aANop0J23cs/lh16VB1AiLzE40J.yw1wHzFkRubnvPS6xv9wmMB0c04!/b/dPIAAAAAAAAA&bo=gAJWAwAAAAARAOA!&rf=viewer_4",
      "http://a3.qpic.cn/psb?/V14aANop0J23cs/h*sdKjZOUTnfPHBL91YJSiys60FAYcHPxntLJnaCEAE!/b/dPIAAAAAAAAA&bo=IANYAgAAAAARAE4!&rf=viewer_4",
      "http://a3.qpic.cn/psb?/V14aANop0J23cs/L23D8.qj6hqX3qYk92KGr1y.ej1kMpk8Szf6fXqN.fA!/b/dPIAAAAAAAAA&bo=WAIgAwAAAAARB0k!&rf=viewer_4"
      ]
    wx.previewImage({
      current: ImageLinkArray[0], // 当前显示图片的http链接
      urls: ImageLinkArray ,// 需要预览的图片http链接列表
    })
  },

  

微信小程序的实现图片预览功能

原文:http://www.cnblogs.com/ganchuanpu/p/7583838.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!