1.數(shù)據(jù)庫(kù)里的集合里的記錄用一個(gè)字段存儲(chǔ)fileID

2.這個(gè)fileID的值怎么來(lái)的呢?? 云開(kāi)發(fā)=>存儲(chǔ),就可以看到了

3.首先在js文件中

Page({data: {testList:[],}},onLoad: function() {//獲取云端數(shù)據(jù)庫(kù)的數(shù)據(jù)const db = wx.cloud.database()db.collection('test').get({success:res=> {console.log(res.data)this.setData({//將從云端獲取的數(shù)據(jù)放到testList中testList:res.data,})},fail: console.error})} )}

這里有個(gè)小坑:就是如果你success:res=> 寫(xiě)成success:function(res)你的數(shù)據(jù)就存不進(jìn)testList里了;

原因參考這位前輩的說(shuō)法:

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

4.然后在wxml文件中這樣寫(xiě)就可以顯示存在云端的圖片了;

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

?

總結(jié)

以上是生活随笔為你收集整理的小程序云开发前端显示云存储的图片的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。