微信小程序从云存储中读取图片_微信小程序读取网络图片怎么弄

在微信小程序中，图片存储在云端或OSS等对象存储中，获取图片的示例代码如下：

1、从云存储中读取图片：

  get_image(e){ 
 
    var that = this
    console.log(e)
 
    wx.showLoading({
      icon: 'loading',
      title: '加载中，请稍后',
    })
 
    wx.cloud.getTempFileURL({
      fileList: [{
        fileID: 'cloud://***-1gwjhztm2ea30ea3.7368-***-1gwjhztm2ea30ea3-1309829868/seat_display.jpg'
        // maxAge: 60 * 60, // one hour
      }]
    }).then(res => {
      // get temp file URL
      console.log(res.fileList)
 
      that.setData({
        imgData: res.fileList[0].tempFileURL
      }) 
 
    }).catch(error => {
      // handle error
    })
 
  }

2、点击预览图片，放大缩小

该方法获取图片有一定缓存时间，在云存储中更新了图片，不能实时显示出来。

  clickImg: function(e){
 
    wx.hideLoading({})
 
    var imgUrl = this.data.imgUrl
    var imgUrl = this.data.imgData
    var urls = []
    urls.push(imgUrl)
    wx.previewImage({
      urls: urls, //需要预览的图片http链接列表，注意是数组
      success: function (res) { },
      fail: function (res) { },
      complete: function (res) { },
      showmenu: false
    })
 
  },

3、每次获取最新图片，在云存储中更新了图片，能实时显示出来。

  clickImg: function(e){
 
    wx.hideLoading({})
 
    // var imgUrl = this.data.imgUrl 
    var imgUrl = this.data.imgData + "?time=" + Date.now()
    // var imgUrl = this.data.imgData 
    var urls = []
    urls.push(imgUrl)
    wx.previewImage({
      // let new_url = res.fileList[0].tempFileURL + "?time=" + Date.now()  
      urls: urls   , //需要预览的图片http链接列表，注意是数组
      success: function (res) { },
      fail: function (res) { },
      complete: function (res) { },
      showmenu: false
    })
  },

4、运行效果如下：