Frappe Better Attach Control

A small plugin for Frappe that adds customization to the attach control.It supports RTL layout and dark mode out of the box.

Usage

1. Go to Customization > Customize Form
2. Enter the form doctype (Ex: 'User')
3. Scroll down to the fields area
4. Create an Attach or Attach Image field or edit an existing custom field
5. Inside the field's Options property, add the options you want as a JSON string. Example:{"allowedfiletypes": ["jpg", "png", "gif"]}

🔶 Remember

You can't modify the original fields of a doctype, so create a new field or clone and modify the entire doctype.

Available Field Options

| Option | Description || :--- | :--- || dialogtitle 🔴 | Upload dialog title to be displayed 🔶 (Frappe >= v14.0.0). 🔹Example: "Upload Images" 🔹Default: "Upload" || uploadnotes | Upload text to be displayed. 🔹Example: "Only images and videos, with maximum size of 2MB, are allowed to be uploaded" 🔹Default: "" || disablefilebrowser 🔴 | Disable file browser uploads. 🔶 (File browser is always disabled in Web Form) 🔹Default: false || allowmultiple | Allow multiple uploads. 🔶 (Field value is a JSON array of files url) 🔹Default: false || maxfilesize | Maximum file size (in bytes) that is allowed to be uploaded. 🔹Example: 2048 for 2KB 🔹Default: Value of maximum file size in Frappe's settings || allowedfiletypes | Array of allowed file types (mimes) or extensions to upload. Prefix escaped RegExp string types with $. 🔶 (File extensions must have a leading dot ".") 🔶 (RegExp string types will not be used to in HTML accept attribute) 🔹Example: ["image/", "video/", ".pdf", ".doc", "$audio\/([a-z]+)"] 🔹Default: null or ["image/*"] || maxnumberoffiles | Maximum number of files allowed to be uploaded if multiple upload is allowed. 🔶 (Bypassing the maximum attachments of doctype might not work) 🔹Example: 4 🔹Default: Value of maximum attachments set for the doctype || cropimageaspectratio | Crop aspect ratio for images 🔶 (Frappe >= v14.0.0). 🔹Example: 1 or 16/9 or 4/3 🔹Default: null || aspublic | Force uploads to be saved in public folder by default. 🔹Default: false || allowedfilename 🔴 | Only allow files that match a specific file name to be uploaded. 🔹Example: (String)"picture.png" or (RegExp String)"/picture-([0-9]+).png/" 🔹Default: null || allowreload | Allow reloading attachments 🔶 (Frappe >= v13.0.0). 🔵 Affect the visibility of the reload button.🔵 🔹Default: true || allowremove | Allow removing and clearing attachments. 🔵 Affect the visibility of the remove and clear buttons.🔵 🔹Default: true |

Available JavaScript Methods

| Method | Description || :--- | :--- || enablereload() | Allow reloading attachments and show the reload button 🔶 (Frappe >= v13.0.0). || disablereload() | Deny reloading attachments and hide reload button 🔶 (Frappe >= v13.0.0). || enableremove() | Allow removing and clearing attachments and show the clear and remove buttons. || disableremove() | Deny removing and clearing attachments and hide the clear and remove buttons. || setoptions(JSON) | Set or change the plugin current options. |

Supported Fields

• Attach
• Attach Image