I want to display an attachment in a page in my website I create a Many2many ('ir.attachment') field in my backend and I want to display a button to download or to display it
it's my code fields
class Contact_us(models.Model):
_name = "contact.contact_us"
_description = "contact_us Pages"
name = fields.Char(string='Name')
description = fields.Html(string='Content')
attachement = fields.Binary('attachement')
attachment_ids = fields.Many2many('ir.attachment', 'car_rent_checklist_ir_attachments_rel',
'rental_id', 'attachment_id', string="attachement ids")
and in the other hand is the XML code for the display in my website
<template id="about_us" name="about_us">
<t t-call="website.layout">
<t t-set="additional_title" t-value="about_us.name" />
<div id="main-page">
<div class="container">
<p class="text-right">
<h2 style="text-align: center;"><span style="font-size:16px;"><img t-attf-src="/website/image/maarefa.about_us/#{about_us.id}/imagePage/" style="" /></span></h2>
<h2 style="text-align: center;"><span style="font-size:18px;"><span style="color:#82661f;"><strong><t t-esc="about_us.name"/></strong></span></span></h2>
<div style="text-align: justify;font-size:16px;">
<t t-raw="about_us.description" />
</div>
</p>
</div>
</div>
</t>
<div id="main-page">
<div class="container">
<p>
<t t-if="about_us.attachment_ids">
<input t-att-value="about_us.attachment_ids" autocomplete="false" name="attachment_ids" t-att-id="'attachment_ids'+str(about_us.id)" class="youtube_link"
readonly="readonly" type="hidden"/>
<span class="embed-responsive embed-responsive-16by9" t-att-id="'iframe'+str(about_us.id)"></span>
</t>
<t t-foreach="about_us" t-as="f">
<tr>
<td><t t-esc="f.attachment_ids"/></td>
<td><a t-attf-href="/web/binary/saveas?model=maarefa.about_us&field=f.attachement&filename_field=f.attachement_filename&id={{ f.id }}">Download2</a></td>
</tr>
</t>
</p>
</div>
</div>
</template>
still he does not display anything for attachement i want something like picture