展示图片

在报告的最后一列将添加包含头像信息的关注者列表。 我们将使用Bootstrap的media-list组件和一个循环来展现其中的每一位关注者:

  <!-- Render followers --> 
   <ul class="media-list"> 
    <t t-foreach="o.message_follower_ids" t-as="f"> 
     <li t-if="f.partner_id.image_small"  
       class="media-left"> 
      <img class="media-object" 
        t-att-src="'data:image/png;base64,%s' %  
          f.partner_id.image_small" 
        style="max-height: 24px;" /> 
       <span class="media-body"  
         t-field="f.partner_id.name" /> 
     </li> 
   </t> 
  </ul>
 

二进制字段的内容可以用base64表示。<img>标签的src属性可以直接接受这种类型的数据。因此我们可以使用QWeb指令t-att-src来动态生成每个图像。