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

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

小程序云开发前端显示云存储的图片_第1张图片

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

小程序云开发前端显示云存储的图片_第2张图片

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文件中这样写就可以显示存在云端的图片了;


     

 

你可能感兴趣的:(微信小程序)