小程序云开发前端显示云存储的图片

1.数据库里的集合里的记录用一个字段存储fileID

2.这个fileID的值怎么来的呢?  云开发=>存储,就可以看到了

3.首先在js文件中

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里了;

原因参考这位前辈的说法:

https://blog.csdn.net/baidu_25183741/article/details/88313641

4.然后在wxml文件中这样写就可以显示存在云端的图片了;

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