Drag and Drop Multiple File Upload for Contact Form 7

To limit file size in multiple file upload field generator under Contact Form 7, there’s a field File size limit (bytes).

You can also manually add limit parameter in existing [mfile] tag.

Example: [mfile upload-file-433 limit:20971520] – This limit the user to upload upto 20MB only.

Please take note it should be Bytes you may use any converter just Google (MB to Bytes converter) default of this plugin is 5MB(5242880 Bytes).

You can limit the number of files in your file upload by adding this parameter max-file:3 to your shortcode :

Example: [mfile upload-file-344 max-file:3] – this option will limit the user to upload only 3 files.

You can add or change file types in cf7 Form-tag Generator Options by adding jpeg|png|jpg|gif in Acceptable file types field.

Example : [mfile upload-file-433 filetypes:jpeg|png|jpg|gif]

You can change text Drag & Drop Files Here or Browse Files text in WordPress Admin menu under Contact > Drag & Drop Upload.

Some email servers have limitations on file attachment sizes (e.g., Google allows a maximum of 20-25 MB). Attaching large files to emails can be problematic. Consider using this option to display links in the email instead of attaching the files.

Go to WP Admin Contact -> Drag & Drop Upload settings then check “Send Attachment as links?” option.

To manage mail template, go to Contact Forms edit specific form and Select Mail tab. In Message Body add generated code from [mfile]. ( Example Below )

Message Body : [your-message]

File Links 1 : [upload-file-754]
File Links2 : [upload-file-755]

Note : No need to add in File Attachments field.

See Video Demonstration

1. In order to attach files to email you will need to check and make sure “send as file(s) as links” option is unchecked.
2. Go to WordPress admin menu “Contact -> Edit {specific_form}” click or hover the cf7 form you want to edit.
3. In “Edit Contact Form” page click “Mail” tab and in the bottom you will see “File attachments” field, on this field add your upload field name (ie: [upload-file-xxx]), you will find the upload name in “Form” tab generated from [mfile] shortcode.
4. If attaching multiple files from a different file upload just add all the upload fields name. (see example below)
   File attachments: [upload-file-111] [upload-file-222]

See Video Demonstration