+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+ + Many2Many Attachment Preview
++ Preview the Attachments.
+ +
+
+
+
+
+ 
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+
+ This module helps you preview of the attachments (like pdf, png, jpg
+ etc.) which are uploaded in a Many2Many field.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+
+ 
+ Community & Enterprise Support
+
+
+ Community & Enterprise Support
+ + Available in Odoo 16.0 Community and Enterprise.
+
+
+ Available pdf, png, jpg (image formats) etc.
+
+
+ Available pdf, png, jpg (image formats) etc.
+ + Available pdf, png, jpg (image formats) etc.
+
+
+
+ 
+
+
+ + Screenshots +
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Can add multiple attachments
+
+
+ 
+
+ + Clicking on attachment,we can preview the document.
+
+
+
+
+ 
+
+
+ + Related + Products +
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ + Our Services +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo + Customization
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+
+
+ 
+
+
+ + Odoo + Support
+
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+ 
+
+
+ + Our + Industries +
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+ 
+
+
+ + Support +
+
+
+
\ No newline at end of file
diff --git a/many2many_attachment_preview/static/src/js/attachment_preview.js b/many2many_attachment_preview/static/src/js/attachment_preview.js
new file mode 100644
index 000000000..aca47766e
--- /dev/null
+++ b/many2many_attachment_preview/static/src/js/attachment_preview.js
@@ -0,0 +1,134 @@
+/** @odoo-module **/
+import {registry} from "@web/core/registry";
+import {Component, useState} from "@odoo/owl";
+import {FileInput} from "@web/core/file_input/file_input";
+import {standardFieldProps} from "@web/views/fields/standard_field_props";
+import {useService} from "@web/core/utils/hooks";
+import {useX2ManyCrud} from "@web/views/fields/relational_utils";
+
+/**
+ * The Many2ManyAttachmentPreview component is designed to manage the preview and handling
+ * of many2many fields that contain file attachments. It allows users to upload, preview,
+ * and remove files associated with a record.
+ *
+ * @class
+ * @extends Component
+ *
+ * @prop {Object} props - The props object includes all the standard field properties,
+ * as well as additional properties such as acceptedFileExtensions,
+ * className, and numberOfFiles.
+ * @prop {String} props.acceptedFileExtensions - (Optional) A string defining the accepted file
+ * extensions for uploads.
+ * @prop {String} props.className - (Optional) A string defining any additional CSS classes
+ * to be applied.
+ * @prop {Number} props.numberOfFiles - (Optional) A number representing the maximum number of
+ * files allowed.
+ *
+ * @setup
+ * @method setup - Initializes services and state for the component, including ORM service,
+ * notification service, and operations for managing many2many CRUD.
+ *
+ * @state {Object} state - Contains component state, including a flag for internal logic handling.
+ *
+ * @getter uploadText - Retrieves the label for the upload button, typically the field's label.
+ *
+ * @getter files - Returns a list of files associated with the record, including their IDs
+ * and other relevant data.
+ *
+ * @method getUrl(id) - Constructs the URL to access a file attachment by its ID.
+ * @param {Number} id - The ID of the file attachment.
+ * @returns {String} - The URL for the file attachment.
+ *
+ * @method getExtension(file) - Extracts the file extension from a file's name.
+ * @param {Object} file - The file object.
+ * @returns {String} - The file extension.
+ *
+ * @method onFileUploaded(files) - Handles the logic after files are uploaded,
+ * including error handling and saving the records.
+ * @param {Array} files - An array of uploaded files.
+ * @returns {Promise
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+