How to attach file using upload button Odoo 18

In this slide, we’ll discuss on how to attach file using upload button Odoo 18. Odoo features a dedicated model, 'ir.attachments,' designed for storing attachments submitted by end users. We can see the process of utilizing the 'ir.attachments' model to enable file uploads through web forms in this slide.

1. How to attach file using upload button Odoo 18 Enterprise

2. Enterprise Introduction In this slide, we’ll discuss on how to attach file using upload button Odoo 18. Odoo features a dedicated model, 'ir.attachments,' designed for storing attachments submitted by end users. We can see the process of utilizing the 'ir.attachments' model to enable file uploads through web forms in this slide.

3. Enterprise We need to create a field in our model to handle attachments. So, let's create a many2many field in the res.partner model for storing attachments. file_attachment_ids = fields.Many2many( 'ir.attachment' , string= 'Attachments' ) To set up the web form, we need to create an XML file. In this file, we use the 'form' tag to define the different fields we want, including the one for attaching files. The 'form' tag comes with various attributes like 'class,' 'action,' 'method,' and 'enctype.'Now, the 'enctype' attribute is particularly important when dealing with attachments. It tells the form how to handle the characters in the file. In simple terms, it ensures that the file content is not altered or encoded in a way that could cause issues when submitting it. Think of it as a special instruction to handle files properly.

4. Enterprise Here's an example 'form' tag with the 'enctype' attribute: <? xml version= "1.0" encoding= "utf-8" ?> <odoo> <template id= "website_partner_form" > <t t-call= "website.layout" > <div id= "wrap" class= "oe_structure oe_empty" > <section class= "s_website_form" data-vcss= "001" data-snippet= "s_website_form" > <div class= "container" > <form action= "/form/submit" method= "post" enctype= "multipart/form-data" > <input type= "hidden" name= "csrf_token" t-att-value= "request.csrf_token()" /> <div class= "col-lg-7 col-md-8" > <label class= "col-md-3 col-sm-4 control-label" for= "att" > Attach file </label> </div>

5. Enterprise <div class= "col-lg-7 col-md-8" > <input type= "file" name= "att" accept= "image/*,application/pdf,video/*" /> </div> <button type= "submit" class= "btn btn-primary" > Create </button> </form> </div> </section> </div> </t> </template> </odoo>

6. Enterprise In the provided example, The 'action' attribute ("/form/submit") specifies where the form data will be sent, while the 'method' attribute ("post") ensures that this data is not visible in the URL for security reasons. The 'enctype' attribute ("multipart/form-data") is particularly crucial for handling attachments, ensuring that the file content remains intact during the submission process. Notably, the 'csrf_token' serves as a security measure to guard against Cross-Site Request Forgery (CSRF) attacks. Within the form, a user-friendly section for attaching files is created using the 'label' and 'input' elements. The 'name' attribute ("att") is employed to identify the attached data, and the 'accept' attribute restricts file types to images, PDFs, and videos. Finally, the 'button' element initiates the form submission, commencing the process of creating and saving the submitted data.

7. Enterprise This will create a file input field like this. We can add the file by clicking on choose file button.

8. Enterprise For attaching files to partners, simply select the desired file and click "Create." This action will add the file as an attachment to the corresponding field in the partner record.

9. Enterprise In the controller, we need to create a function that will handle encoding the file and then saving it to the database. Below is a sample code: import base64 from odoo import http from odoo.http import route, request, Controller class FileUpload (http.Controller) : @http.route('/partner/form', type='http', auth='public', website=True) def file_upload (self, redirect=None, **kw) : current_partner_id = request.env.user.partner_id file_name = kw.get( 'att' ).filename file = kw.get( 'att' )

10. Enterprise attachment_id = request.env[ 'ir.attachment' ].create({ 'name' : file_name, 'type' : 'binary' , 'datas' : base64.b64encode(file.read()), 'res_model' : current_partner_id._name, 'res_id' : current_partner_id.id }) current_partner_id.update({ 'file_attachment_ids' : [( 4 , attachment_id.id)], }) return request.render( 'custom_,module.website_partner_form' )

11. Enterprise In the partner record, we can see the attachment added in the many2many field.

12. For More Info. Check our company website for related blogs and Odoo book. Check our YouTube channel for functional and technical videos in Odoo. Enterprise www.cybrosys.com