美文网首页
小程序云开发读取存储的图片数据方法

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

作者: UILabelkell | 来源:发表于2020-04-06 20:22 被阅读0次

    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>
    

    相关文章

      网友评论

          本文标题:小程序云开发读取存储的图片数据方法

          本文链接:https://www.haomeiwen.com/subject/yrliphtx.html