Abdul Wahab Taqi

FormsKit Lite

A feature-rich free form builder for WordPress. 18 field types, conditional logic, entry management, file uploads, and multi-page forms included.

Yordan Soares

Glen Don Mongaya

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 <a href="http://codedropz.com/contact" rel="nofollow ugc">DEMO</a>.
<h3>Features</h3>
<ul>
<li>File Type Validation</li>
<li>File Size Validation</li>
<li>Ajax Uploader</li>
<li>Limit number of files Upload.</li>
<li>Limit files size for each field</li>
<li>Can specify custom file types or extension</li>
<li>Manage Text and Error message in admin settings</li>
<li>Drag & Drop or Browse File – Multiple Upload</li>
<li>Support Multiple Drag and Drop in One Form.</li>
<li>Able to delete uploaded file before being sent</li>
<li>Send files as email attachment or as a links. (see note below)</li>
<li>Support multiple languages</li>
<li>Mobile Responsive</li>
<li>Cool Progress Bar</li>
<li>Compatible with any browser</li>
</ul>
PLUGIN GUIDE – FREE VERSION
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/DvuvmzIImYo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
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 – <a href="https://contactform7.com/file-uploading-and-attachment/#How-your-uploaded-files-are-managed" rel="nofollow ugc">See here</a> )
To adjust or disable the auto-deletion feature, we suggest upgrading to the PRO version for more options (see below).
<h3>⭐ Premium Features ⭐</h3>
Check out the available features in the <a href="https://www.codedropz.com/drag-drop-multiple-file-upload-for-contact-form-7/#shop" rel="nofollow ugc">PRO version</a>.
<ol>
<li>Upload Large File – Supports uploading large files.</li>
<li>Image Preview – Displays thumbnails for images.</li>
<li>Auto Delete Files – Automatically deletes files after a set time (hours, weeks, days, months, etc)</li>
<li>Zip Files – Compress uploaded files into a ZIP archive</li>
<li>Save Files to Media Library – Store files in the WordPress media library.</li>
<li>Change Upload Directory – Customize the default WordPress upload directory.</li>
<li>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</li>
<li>Send as Attachments, Zip, or Links – Flexible file delivery options.</li>
<li>Chunked Uploads – Upload large files in smaller chunks to avoid timeouts.</li>
<li>Max Total Size – Set the maximum combined size for all uploaded files.</li>
<li>Parallel Upload – Limit simultaneous uploads to optimize server performance.</li>
<li>Custom Filename – Define custom filename patterns: ( {filename}, {cf7-field-name}, {ip_address}, {random}, {post_id}, {post_slug}, etc. )</li>
<li>Color Options – Customize colors for file size, progress bar, filename, and more.</li>
<li>Prevent Duplicate – Disable button to prevent duplicate submissions.</li>
<li>Custom Theme – Switch between “Dark” or “Light” themes.</li>
<li>Form Entries – Store form entries in WordPress admin.</li>
<li>Seamless Remote Storage Integration 
🔥 Supports: OneDrive, Google Drive, Amazon S3, Dropbox, FTP.</li>
<li>Image Size Validation – Ensure images meet required width and height.</li>
<li>Image Resize – Supports image resizing (e.g., 800×800). (Standard Version Only)</li>
<li>Optimize Image – Optimize images after resizing. (Standard Version Only)</li>
<li>Security – Ensure security with regular updates, vulnerability scans, and threat protection.</li>
<li>Optimized Code & Performance – Improve speed and efficiency.</li>
</ol>
Pro version is also compatible with:
<ul>
<li>Contact Form 7 Add-on – Arshid</li>
<li>Database for Contact Form 7- Ninja</li>
<li>Advanced Contact form 7 DB – Vsourz Digital</li>
</ul>
You can get <a href="https://www.codedropz.com/drag-drop-multiple-file-upload-for-contact-form-7/#shop" rel="nofollow ugc">PRO Version here</a>!
PRO VERSION – PLUGIN OVERVIEW
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/PoQA4KmIETA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Other Plugins You May Like</h3>
<ul>
<li>
<a href="https://www.codedropz.com/woo-order-files/" rel="nofollow ugc">Order Files for WooCommerce</a> 
An extension that attach files to existing WooCommerce orders, allowing both customers and admins to upload and manage files easily.
</li>
<li>
<a href="https://wordpress.org/plugins/easy-file-upload-approval/" rel="ugc">Easy File Upload & Approval</a> 
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.
</li>
<li>
<a href="https://wordpress.org/plugins/drag-and-drop-multiple-file-upload-for-woocommerce/" rel="ugc">Drag & Drop Multiple File Upload – WooCommerce</a> 
An extension for WooCommerce – Transform your simple file upload into beautiful “Drag & Drop Multiple File Upload”.
</li>
<li>
<a href="https://www.codedropz.com/drag-drop-file-uploader-wpforms/" rel="nofollow ugc">Drag & Drop Multiple File Upload – WPForms</a> 
An extension for WPForms – Transform your simple file upload into beautiful “Drag & Drop Multiple File Upload”.
</li>
</ul>

Drag and Drop Multiple File Upload for Contact Form 7


We are using the pro version for my client and It's giving a critical error when using 2 upload fields. When both fields is not required and you leave one unfilled, you will not be able to submit the form. 



Support is not good as we tried 2 contact them many times and they are not responding


Upload issue


Like said in the title: works like a charm.Then only thing is that it still uses jQuery which is absolutely not necessary in these days.I'd love to rewrite it to vanilla javascript which seems not to be very complicated.


Works like a charm.

This simple plugin create Drag & Drop or choose Multiple File upload in your Confact Form 7 Forms.

FormsKit Lite vs Drag and Drop Multiple File Upload for Contact Form 7