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

需求

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

实现

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

最后

以上就是慈祥火为你收集整理的微信小程序从本地相册加载图片并显示的全部内容，希望文章能够帮你解决微信小程序从本地相册加载图片并显示所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。