小程序云开发读取存储的图片数据方法

2020-04-06  本文已影响0人  UILabelkell

1、图片上传成功后,会有一个fileID ,我们先把这个fileID存储在数据库中

Page({
  data: {
    testList:[],
    }
  },
  onLoad: function() {
  //获取云端数据库的数据
    const db = wx.cloud.database()
    db.collection('test').get({
      success:res=> {
        console.log(res.data)
        this.setData({
          //将从云端获取的数据放到testList中
          testList:res.data,
        })
        
      },
      fail: console.error
    })
  }
)}

注:success:res=> 写成success:function(res)你的数据就存不进testList里了
在wxml中显示云端中的图片

<view wx:for='{{testList}}' wx:for-item="item">
     <image src="{{item.fileID}}"></image>
</view>
上一篇 下一篇

猜你喜欢

热点阅读