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

需求

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

实现

图片主要通过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指针，便可以正常访问。

最后

以上就是慈祥火最近收集整理的关于微信小程序从本地相册加载图片并显示的全部内容，更多相关微信小程序从本地相册加载图片并显示内容请搜索靠谱客的其他文章。