小程序里有3副图片

<image  type="primary" bindtap="previewImage" src="{{imgalist[0]}}" data-src="{{imgalist[0]}}" style="width:210rpx;height:195rpx;position:absolute;left:45rpx;top:550rpx" />

<image  type="primary" bindtap="previewImage" src="{{imgalist[1]}}" data-src="{{imgalist[1]}}" style="width:210rpx;height:195rpx;position:absolute;left:270rpx;top:550rpx" />

<image  type="primary" bindtap="previewImage" src="{{imgalist[2]}}" data-src="{{imgalist[2]}}" style="width:210rpx;height:195rpx;position:absolute;left:497rpx;top:550rpx" />

Page({

  data: {

    motto: 'Hello World',

    userInfo: {},

    hasLocation:false,

    imgalist: ['http://ha818.co/img/jiankong.jpg',

      'http://ha818.co/img/cilisuo.jpg','http://ha818.co/img/menjin1.jpg'

    ]

  },

  //事件处理函数

  previewImage: function (e) {

    var that = this

    wx.previewImage({

      current: e.target.dataset.src,

      urls: that.data.imgalist

    })

  },

调试的时候都是正常的，发布以后只能显示前两副图片，第3副不显示。请问怎样解决。