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

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

时间:2017-09-24 09:48:22      阅读:420      评论:0      收藏:0      [点我收藏+]

标签:link   out   array   列表   csharp   review   bin   amp   src   

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链接列表
    })
  },

  

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

标签:link   out   array   列表   csharp   review   bin   amp   src   

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

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