微信小程序从本地相册加载图片并显示

需求

从本地相册获取照片并且生成轮播图，然后通过照片的元数据读取时间、地点等信息。

实现

图片主要通过url访问，微信api读取图片时会返回图片的url，通过设定数组，存储图片的url。
对象设置：

 timeAxis2: [
          {time: '2018年8月10日22:08:20', filePath: ''},
          {time: '2018年8月10日22:08:24', filePath: ''},
          {time: '2018年8月10日22:08:27', filePath: ''},
          {time: '2018年8月10日22:08:30', filePath: ''},
          {time: '2018年8月10日22:08:32', filePath: ''}
        ]

openPhoto函数

openPhoto (index) {
        var that = this
        wx.chooseImage({
          count: 20,
          success: function (res) {
            console.log(res.tempFilePaths)
            that.timeAxis2[index].filePath = res.tempFilePaths
          }
        })
      }

这里调用了wx的接口，由于此时的list指针，并不是指向vue对象，而是微信小程序的对象，所以要在该函数外设置一个that指针存储vue对象的this指针，便可以正常访问。