mln · Drag Drop Image Gallery

Odoo 18 backend forms: One2many multi-image in one place — batch upload (drag in several images or multi-select in the file dialog), zoom preview (click a thumbnail for a full-screen lightbox; close with Esc, backdrop, or the close control), download (per-image button bottom-left; toolbar Download all (ZIP) for saved lines only). Use widget="drag_drop_images" in the view; the child model needs an image field and optional name for file name / title.

Core features · Upload · Preview · Download

Screenshots

Screenshots are shipped as screenshot_2.png and screenshot_2.png in this folder. Replace them before publishing if you want different captures (about 560–900px wide, PNG or JPG).

Figure 1 Gallery: upload / download / ZIP

Typical layout: toolbar Download all (ZIP), per-image download bottom-left / delete × top-right, caption below, Drag or Upload on the right with multi-select.

Figure 2 Alongside other form fields (sample layout)

Works next to Char, Many2one, etc.; suitable for service photos, product attachments, work order galleries, and similar.

Overview

• Widget: drag_drop_images for One2many fields.
• Batch upload: multi-file drag-and-drop or file input multiple; one child row per image; child name recommended for captions.
• Zoom preview: click thumbnail for lightbox; Esc and backdrop to close.
• Download: single image without a new tab; bulk ZIP via server (saved child rows, read access).
• Child model: binary / image field (often image_1920); optional previewImage for thumbnails.
• Theme compatibility: controls use span role="button" where possible.
• Built-in demo: menu mln Drag Drop → Demo.

Quick start · XML example

Child model with an image field (example image_1920) and name (recommended):

<field name="line_ids"
       widget="drag_drop_images"
       options="{
           'childImageField': 'image_1920',
           'acceptedFileExtensions': 'image/*',
           'extraData': {
               'previewImage': 'image_128',
               'cssStyles': 'width:120px;height:120px;object-fit:cover;border-radius:8px;',
               'enable_zoom': true
           }
       }"/>
            

Options summary:
childImageField — child image field (default image_1920).
acceptedFileExtensions — default image/*.
extraData — defaults for new lines; preview/zoom keys are UI-only. Lightbox, single download, and ZIP are built in (ZIP needs saved rows). Full details in README.md.

FAQ

ZIP button does nothing?

Bulk ZIP only includes saved child lines. Save the parent form first.

Captions under thumbnails all say “Image”?

Ensure child name is writable; upload fills the original file name.

Images visible before save, blank after?

Check child image field in relatedFields and required fields / extraData.

Delete control not visible?

Upgrade the module; delete uses a span for theme compatibility.

Migrating from eis_drag_drop?

Uninstall the old module, then install mln_drag_drop; see README.md.

mln Drag Drop Gallery · Odoo 18 · LGPL-3
Batch upload · zoom preview · single and ZIP download — see README.md.