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

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

  

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

上一篇:免费丨十大IT热门学科在线直播体验课正式来袭,全免费!!!


下一篇:git 服务器 LINUX端的使用