Description
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.
- Image Preview – Show Thumbnail for images
- Adjust Auto Deletion of Files – After Form Submission
- (1 hour, 4 hours, 8 hours , days, months etc)
- Zip Files ( Compressed File )
- Save Files to “WordPress Media Library”
- Change WordPress Upload Directory
- Change Upload Folder To:
- Contact Form 7 – Fields
- Generated Date & Time – Timestamp
- Random Folder
- By User – Required Login
- Custom Folder
- Dynamic Folder – user (name, id), post (id, slug), cf7 fields
- Send as Individual Email Attachments, Zip Archive, or Links”
- Chunks Upload ( Break large files into smaller Chunks )
- Capable of uploading large files.
- set a Max Total Size ( of all Uploaded Files )
- Parallel Upload (No. of files that can be uploaded simultaneously)
- Change Filename Pattern ({filename}, {cf7-field-name}, {ip_address}, {random}, {post_id}, {post_slug}, etc.)
- New – Color Options (File Size, Progress Bar, Filename, etc.)
- New – Disabled the Button to Prevent Duplicate Submissions”
- New – Image preview on email
- New – File Remote Storage (OneDrive, Google Drive, Amazon S3, FTP, Dropbox)
- New – Save Form Entries in the Admin
- New – Select “Dark” or “Light” Theme
- New – Validate Image Sizes (Width & Height)
- Able Resize Image (ie: 800×800) – Standard Version Only
- Automatically Optimizing Images (Standard Version Only)
- Enhanced Security (Updated Regularly)
- Code Optimization and Improved Performance
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 Plugin You May Like
-
Drag & Drop Multiple File Upload – WPForms
An extension for WPForms – Transform your simple file upload into beautiful “Drag & Drop Multiple File Upload”. -
Drag & Drop Multiple File Upload – WooCommerce
An extension for WooCommerce – Transform your simple file upload into beautiful “Drag & Drop Multiple File Upload”.
Donations
Would you like to support the advancement of this plugin? Donate
Screenshots
Installation
To install this plugin see below:
- Upload the plugin files to the
/wp-content/plugins/drag-and-drop-multiple-file-upload-contact-form-7.zip
directory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress
- Go to “Contact > Drag & Drop Upload” for the settings.
- See Tutorial
FAQ
-
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 upload
field 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
Bytes
you 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:3
to 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|gif
inAcceptable 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 Files
text 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 Upload
settings then check “Send Attachment as links?” option.To manage mail template, go to Contact Forms edit specific form and Select
Mail
tab. InMessage 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. -
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]
Reviews
Contributors & Developers
“Drag and Drop Multiple File Upload for Contact Form 7” is open source software. The following people have contributed to this plugin.
Contributors“Drag and Drop Multiple File Upload for Contact Form 7” has been translated into 8 locales. Thank you to the translators for their contributions.
Translate “Drag and Drop Multiple File Upload for Contact Form 7” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.3.8.7
- Fixes – Header already sent issuesupport
- Fixes – Unable to delete file when “send file(s) as link” enabled. support
1.3.8.6
- Fixes – Security Updates (fixed Vulnerability issue reported by Wordfence – CVE ID:CVE-2024-12267)
- Bug Fix – Fixed bug Support Link
- Improvement – Added a random directory for each user/guest uploads to prevent file deletion across folders (related to item # 1)
1.3.8.5
- Hot fix ( Showing critical error on Php 7.3 and Up )
- Improvement – Improved I18N (Thanks to @alexclassroom)Support Link
1.3.8.4
- Added Compatibility on Contact Form 7 6.0.
- WordPress 6.7 Compatibility check.
1.3.8.3
- Bug – Fixed “send file(s) as links” option not creating year/month folder structure.
1.3.8.2
- Fixes – Show query error using Query Monitor plugin Here
- Added – JS/PHP hooks after successful upload Here
- Tweak – Move error message above files upload Here
- Fixes – Minor fixes and improvements
1.3.8.1
- Quick Fix – Unable to uncheck “Send file(s) as links” option.
1.3.8.0
- Quick fix to prevent auto-deletion if the “Don’t delete files” setting was overridden by recent updates.
1.3.7.9
- Bug – Added back the “Don’t delete files” option.
- Optimized – Optimized plugin settings by saving them as an array instead of retrieving individual settings from the wp_options table.
- Compatibility check on latest version of Contact Form 7 5.9.5.