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

Question

之前上传的图片存在云数据库的集合里，集合叫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=>{
    })
  },

Answer 1

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>