小明明子 2021-08-20 18:07 采纳率: 20%
浏览 138
已结题

请问如何在微信小程序前端渲染云数据库里的图片?

之前上传的图片存在云数据库的集合里,集合叫merchandise,字段是fileIDs,然后fileIDs是个数组,存有多张图片。请问如何才能将这些图片都渲染到页面?试过了很多种写法都没有成功,请大家指教,非常感谢!

wxml:

<view class="photo">
  <block wx:for="{{goods}}" wx:key="_id">
    <image src='{{item.fileIDs}}' mode='widthFix' bindtap="preview"></image>
  </block>
</view>

js:

data: {
    goods:[],
  },
  
  onLoad: function (options) {
    id = options.id
    wx.cloud.database().collection('merchandise')
    .doc(id)
    .get()
    .then(res=>{
      this.setData({
        goods:res.data
      })
      console.log('请求到的数据',res)
    })
    .catch(err=>{
    })
  },
  • 写回答

1条回答 默认 最新

  • CSDN专家-showbo 2021-08-20 18:10
    关注

    fileIds是数组应该在加一层for获取数组项才行,有帮助麻烦点个采纳【本回答右上角】,谢谢~~有其他问题可以继续交流~

    
    <view class="photo">
        <block wx:for="{{goods}}" wx:key="_id">
            <block wx:for="{{item.fileIDs}}">
                <image src='{{item}}' mode='widthFix' bindtap="preview"></image>
            </block>
        </block>
    </view>
    
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 8月29日
  • 已采纳回答 8月21日
  • 创建了问题 8月20日

悬赏问题

  • ¥15 springboot国际化
  • ¥15 搭建QEMU环境运行OP-TEE出现错误
  • ¥15 Minifilter文件保护
  • ¥15 有限元软件终止时间超过设定值
  • ¥15 onvif框架引用一直报错
  • ¥50 C#和C++混合编程,使用CLR托管,报错System.Runtime.InteropServices.SEHException
  • ¥30 .NET使用sqlite发布后报错
  • ¥15 Unity在WebGL平台导出Word报错问题
  • ¥15 ghpython这里总是报错而且rhino视图窗口内不显示怎么办
  • ¥15 布尔运算推导,请证明