小程序云开发前端显示云存储的图片
生活随笔
收集整理的這篇文章主要介紹了
小程序云开发前端显示云存储的图片
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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>?
總結
以上是生活随笔為你收集整理的小程序云开发前端显示云存储的图片的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CSB
- 下一篇: Java前端内联和外联的区别,css外联