How to print images in Custom QWeb reports in Odoo?

Question

I would like to display images which are uploaded by users in my custom Qweb reports.

Which is the best way to do that?

Possible duplicate of [Display image in QWeb report](http://stackoverflow.com/questions/28561121/display-image-in-qweb-report) — Rutul Raval, Oct 26 '15 at 09:50
Hi this question is not duplicate of that one. There he mentioned about header and footer that i have already done. but when it comes to inserting image in the page. blank image is showing... what to do?? any idea...!! Thanks — Chandu, Oct 26 '15 at 09:55
Hi please refer to this link as well. http://stackoverflow.com/questions/30149379/picture-in-odoo-qweb-report Can you please provide what code have you done till now ? It would be easier to guide you. — Rutul Raval, Oct 26 '15 at 13:06
Do you want to show a picture which is stored in the database or physically saved as a normal file? — ChesuCR, Oct 26 '15 at 23:07
hi , i want to store the picture which is already stored in some records of DB. — Chandu, Oct 27 '15 at 04:10
http://localhost:8069/web/binary/image?model=book.room&id=2&field=image&t=1445919360006 — Chandu, Oct 27 '15 at 04:17
Hello, how to replace image in other field value? /like .png image/ — С. Дэлгэрцэцэг, Aug 01 '18 at 08:32

ChesuCR · Accepted Answer · 2016-10-21T08:56:04.510

6

If you want to show an image from the database you can just use the image widget like this:

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

And if you want to show an image stored as a file:

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

Note: respect the order and the type of the quotes

edited Oct 21 '16 at 08:56

answered Oct 27 '15 at 09:36

ChesuCR

9,352
5
51
114

What is o.product_id is here?? – Chandu Oct 27 '15 at 10:46
It is an example, that's the name of your field in the model. I'm going to change it – ChesuCR Oct 27 '15 at 10:51
I am getting this ERROR:QWebException: 'NoneType' object has no attribute '_fields' – Chandu Oct 27 '15 at 10:56
my field name is 'image'... here is the line
Photo:
– Chandu Oct 27 '15 at 10:58
The field should be binary type. Are you able to print the rest of fields of the model? You only get the error when you print this field? I can assure you it works fine because I'm doing it like that – ChesuCR Oct 27 '15 at 11:00
Can you update the question with the code of your report? – ChesuCR Oct 27 '15 at 11:01
Try with `` – ChesuCR Oct 27 '15 at 11:05
1

Thank you...Its working !! we have to t-field="doc.binary field_name" – Chandu Oct 27 '15 at 11:11
1

Great answer my friend! – forvas Jun 16 '16 at 12:07

score 3 · Answer 2 · answered Aug 21 '18 at 21:22

For someone who lands here from Google... For dynamic images from the database, one can use

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

...where o.image_field_name is a dynamic field from the database/model. I prefer the <img/> tag over a <span/> for images.

To show a static image, use plain HTML.

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

Note: alternate text attribute in an image does not add value in PDF reports. They don't show up when the image is missing, as in HTML.

score 1 · Answer 3 · answered Jan 19 '16 at 13:51

Sometimes you need to call a function from QWeb and get image. This code help me to read proper image field and print it with 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 is a browse of id that send by get_image(id)

score 1 · Answer 4 · edited Feb 26 '17 at 11:37

<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 has an iteration directive foreach which take an expression returning the collection to iterate on, and a second parameter t-as providing the name to use for the "current item" of the iteration:
In <span> I access Image of product_id using pack.operation
You can select size of image like: image_small and image_medium

How to print images in Custom QWeb reports in Odoo?

4 Answers4

Linked