sandywp / plugins / drag-and-drop-multiple-file-upload-contact-form-7
Drag and Drop Multiple File Upload for Contact Form 7
This simple plugin create Drag & Drop or choose Multiple File upload in your Confact Form 7 Forms.
Ready in seconds.
v1.4.0 60,000+ installs WP 3.0.1+ PHP 5.2.4+

What you get inside
7 screens-
Generate Upload Field - Admin
-
Form Field Settings - Admin
-
Uploader Settings - Admin
-
Email Attachment- Gmail
-
Email Attachment As links - Gmail
-
Multiple Drag and Drop Fields - Front
-
Remote Storage - Pro Features
About this plugin
Drag and Drop Multiple File Upload is a simple, straightforward WordPress plugin extension for Contact Form 7, which allows the user to upload multiple files using the drag-and-drop feature or the common browse-file of your webform.
Drag and Drop Multiple File Upload for Contact Form 7 is an independent plugin, not affiliated with or endorsed by the developers of Contact Form 7.
Here’s a little DEMO.
Features
- File Type Validation
- File Size Validation
- Ajax Uploader
- Limit number of files Upload.
- Limit files size for each field
- Can specify custom file types or extension
- Manage Text and Error message in admin settings
- Drag & Drop or Browse File – Multiple Upload
- Support Multiple Drag and Drop in One Form.
- Able to delete uploaded file before being sent
- Send files as email attachment or as a links. (see note below)
- Support multiple languages
- Mobile Responsive
- Cool Progress Bar
- Compatible with any browser
PLUGIN GUIDE – FREE VERSION
Note: On Free version, all uploaded files moves to a temporary folder (“/wp-content/uploads/wp_dndcf7_uploads”) then attaches the file to the mail and sends it. After that “Drag & Drop File Upload” removes the file from the temporary folder 1 hour after the submission. ( same process with the default “file” upload of Contact Form 7 – See here )
To adjust or disable the auto-deletion feature, we suggest upgrading to the PRO version for more options (see below).
⭐ Premium Features ⭐
Check out the available features in the PRO version.
- Upload Large File – Supports uploading large files.
- Image Preview – Displays thumbnails for images.
- Auto Delete Files – Automatically deletes files after a set time (hours, weeks, days, months, etc)
- Zip Files – Compress uploaded files into a ZIP archive
- Save Files to Media Library – Store files in the WordPress media library.
- Change Upload Directory – Customize the default WordPress upload directory.
- Upload Folder – 📂 Choose a custom folder to store files:
✅ Contact Form 7 Fields: Use any field name
✅ Generated Date & Time: Timestamp-based folders
✅ Random Folder: Auto-generated letters & numbers
✅ By User: Requires login to store files in the user’s email or first name.
✅ Custom Folder: Manually input a folder name
✅ Dynamic Folder: User (name, id), Post (id, slug), CF7 field - Send as Attachments, Zip, or Links – Flexible file delivery options.
- Chunked Uploads – Upload large files in smaller chunks to avoid timeouts.
- Max Total Size – Set the maximum combined size for all uploaded files.
- Parallel Upload – Limit simultaneous uploads to optimize server performance.
- Custom Filename – Create custom filename patterns using variables such as
{filename},{cf7-field-name},{ip_address},{random},{post_id},{post_slug}, and more. - Color Options – Customize colors for file size, progress bar, filename, and more.
- Prevent Duplicate – Disable button to prevent duplicate submissions.
- Custom Theme – Switch between “Dark” or “Light” themes.
- Form Entries – Store form entries in WordPress admin.
- Seamless Remote Storage Integration
🔥 Supports: OneDrive, Google Drive, Amazon S3, Dropbox, FTP. - Image Size Validation – Ensure images meet required width and height.
- Image Resize – Supports image resizing (e.g., 800×800). (Standard Version Only)
- Optimize Image – Optimize images after resizing. (Standard Version Only)
- Security – Ensure security with regular updates, vulnerability scans, and threat protection.
- Optimized Code & Performance – Improve speed and efficiency.
Pro version is also compatible with:
- Contact Form 7 Add-on – Arshid
- Database for Contact Form 7- Ninja
- Advanced Contact form 7 DB – Vsourz Digital
You can get PRO Version here!
PRO VERSION – PLUGIN OVERVIEW
Other Plugins You May Like
-
Order Files for WooCommerce
An extension that attach files to existing WooCommerce orders, allowing both customers and admins to upload and manage files easily. -
Easy File Upload & Approval
Easy File Upload & Approval – A simple file management plugin that lets users effortlessly upload and submit files for review through a clean and simple drag-and-drop interface. -
Drag & Drop Multiple File Upload – WooCommerce
An extension for WooCommerce – Transform your simple file upload into beautiful “Drag & Drop Multiple File Upload”. -
Drag & Drop Multiple File Upload – WPForms
An extension for WPForms – Transform your simple file upload into beautiful “Drag & Drop Multiple File Upload”.
Questions
- How can I send feedback or get help with a bug?
For any bug reports go to Support page.
- How can I limit file size?
To limit file size in
multiple file uploadfield generator under Contact Form 7, there’s a fieldFile 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
Bytesyou may use any converter just Google (MB to Bytes converter) default of this plugin is 5MB(5242880 Bytes).- How can I limit the number of files in my Upload?
You can limit the number of files in your file upload by adding this parameter
max-file:3to your shortcode :Example: [mfile upload-file-344 max-file:3] – this option will limit the user to upload only 3 files.
- How can I Add or Limit file types
You can add or change file types in cf7 Form-tag Generator Options by adding
jpeg|png|jpg|gifinAcceptable file types field.Example : [mfile upload-file-433 filetypes:jpeg|png|jpg|gif]
- How can I change text in Drag and Drop Uploading area?
You can change text
Drag & Drop Files Here or Browse Filestext in WordPress Admin menu underContact>Drag & Drop Upload.- How to Display Links in an Email
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 Uploadsettings then check “Send Attachment as links?” option.To manage mail template, go to Contact Forms edit specific form and Select
Mailtab. InMessage Bodyadd 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 Attachmentsfield.- How to Attach Files to an Email
- In order to attach files to email you will need to check and make sure “send as file(s) as links” option is unchecked.
- Go to WordPress admin menu “Contact -> Edit {specific_form}” click or hover the cf7 form you want to edit.
- 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. - 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]
sandywp / also on the shelf
Try another plugin
Drag and Drop Multiple File Upload for WooCommerce
4.9 · 5K+ installs
Drag and Drop Multiple File Uploader is a simple, straightforward WordPress plugin extension for WooCommerce.
Spin up a real WordPress site in seconds.
Test plugins, build a demo, hand a client a link — then squash it and start again. No local setup, no Docker.