如何在Odoo的自定义QWeb报告中打印图像

Question

我想在我的自定义Qweb报告中显示用户上传的图像。

哪种方法最好？

Answer 1

如果你想显示数据库中的图像，你可以像这样使用图像小部件：

<span t-field="o.image_field_name" t-field-options='{"widget": "image"}'/>

如果要显示存储为文件的图像：

<img t-att-src="'/module_name/static/src/img/image_name.png'" />

注意：尊重报价的顺序和类型

Answer 2

对于从谷歌登陆这里的人...对于数据库中的动态图像，可以使用

<img t-attf-src="data:image/*;base64,{{o.image_field_name}}"/>

。其中o.image_field_name是来自数据库/模型的动态字段。我更喜欢<img/>标签而不是图像的<span/>。

要显示静态图像，请使用纯 HTML。

<img src="path/to/image/file" alt="Alternate Text"/>

注意：图像中的替换文本属性不会在 PDF 报告中增加价值。当图像丢失时，它们不会显示，就像在 HTML 中一样。

Answer 3

有时你需要从QWeb调用一个函数并获取图像。这段代码帮助我读取正确的图像字段并使用QWeb打印它。

    <t t-foreach="get_image(id)" t-as="image_browse">
         <span t-field="image_browse.image" t-field-options='{"widget": "image"}'/> 
</t>

image_browse 是通过 get_image(id( 发送的 ID 浏览

Answer 4

<tr t-foreach="o.pack_operation_ids" t-as="pack_operation">
    <td>
      <span t-field="pack_operation.product_id.image_small" t-field-options='{"widget": "image"}'/>
    </td>
</tr>

• QWeb 有一个迭代指令 foreach，它接受一个返回集合的表达式进行迭代，第二个参数 t-as 提供用于迭代的"当前项"的名称：
• 在<span>我使用pack.operation访问product_id的图像
• 您可以选择图像的大小，例如：image_small和image_medium