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.

Drag and Drop Multiple File Uploader is a simple, straightforward WordPress plugin extension for WooCommerce that transforms your standard upload interface into a visually appealing file uploader. it allows users to upload multiple files using either the drag-and-drop feature or the common file browsing option on your product page.
Plugin requires at least v3.5.0 of WooCommerce.
Here’s a little <a href="https://woo-commerce.codedropz.com/product/cap/" 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>Display Uploader in WooCommerce – Single Product Page</li>
<li>Option to display in “Add to Cart Form”, “Variations Form”, “Add To Cart Button”, “Single Variation”.</li>
<li>Able to delete uploaded file before adding to cart</li>
<li>Support multiple languages</li>
<li>Mobile Responsive</li>
<li>Compatible with any browser</li>
</ul>
<h3>⭐ Premium Features</h3>
<ol>
<li>Upload Large File – Supports uploading large files.</li>
<li>Image Preview – Displays thumbnails for images.</li>
<li>Text & Style – Color options, borders, uploader icon, and more.</li>
<li>Parallel Upload – Limit simultaneous uploads to optimize server performance.</li>
<li>Custom Filename – Define custom filename patterns: (Filename, Username, User ID, IP Address, Random, etc)</li>
<li>Change Upload Directory – Customize the default WordPress upload directory.</li>
<li>Upload Folder – 📂 Choose a custom folder to store files: 
✅ Order No – Customer Order Number 
✅ Random – Auto-generated Numbers 
✅ Date – Date formmat (e.g., 04-31-2020) 
✅ Time – Timestamp 
✅ Name – Users customer Firstname 
✅ Customer ID – Users customer ID</li>
<li>Custom Fees – Basic conditional fees. 
✅ Charge the user based on the no. of files (e.g., 20 files ≥ 2 → add $20). 
✅ Charge the user based on PDF pages (e.g., 20 pages ≥ 10 → multiply $2).</li>
<li>Remove/Reject Files – Able to remove or delete files in admin orders.</li>
<li>Chunked Uploads – Upload large files in smaller chunks to avoid timeouts.</li>
<li>Uploader Visibility – Show based on (Categories, Products, Tags, Attributes).</li>
<li>Uploader Position – Show before or after Add to Cart, Form, or Variations.</li>
<li>Uploader Display – Show on either the “Checkout” or “Product” page.</li>
<li>ZIP Files – Compress uploaded files into a ZIP archive</li>
<li>Seamless Remote Storage Integration (New) 
🔥 Supports: Google Drive, Amazon S3, Dropbox, FTP.</li>
<li>Attach Files to Email (New) – Include uploaded files in order confirmation emails. 
📝 Note: Works only with standard storage (not compatible with remote storage).</li>
<li>Ajax Upload – Upload files without page reload for a seamless experience.</li>
<li>Unlimited Uploads – Users can upload as many files as needed.</li>
<li>Security – Ensure security with regular updates, vulnerability scans, and threat protection.</li>
<li>Optimized Code & Performance – Improve speed and efficiency.</li>
<li>Unlimited Sites – Use on any number of websites without restrictions.</li>
<li>1 Month Premium Support – Get priority assistance for one month.</li>
<li>Multilingual Support – Compatible with WPML and Polylang for translations.</li>
</ol>
Pro version <a href="https://www.codedropz.com/woo-commerce-pro/shop/" rel="nofollow ugc">DEMO</a>.
You can get <a href="https://www.codedropz.com/woocommerce-drag-drop-multiple-file-upload/" 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/HoI6roau2Cc?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 Plugin 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-contact-form-7/" rel="ugc">Drag & Drop Multiple File Upload – Contact Form 7</a> 
Drag & Drop File Upload extension for Contact Form 7
</li>
<li>
<a href="https://www.codedropz.com/drag-drop-file-uploader-wpforms/" rel="nofollow ugc">Drag & Drop Multiple File Upload – WPForms</a> 
Drag & Drop File Upload extension for WPForms
</li>
</ul>
<h3>Donations</h3>
Would you like to support the advancement of this plugin? <a href="http://codedropz.com/donation" rel="nofollow ugc">Donate</a>

Drag and Drop Multiple File Upload for WooCommerce

Drag and Drop Multiple File Uploader is a simple, straightforward WordPress plugin extension for WooCommerce.

Drag and Drop Multiple File Upload for Contact Form 7 vs Drag and Drop Multiple File Upload for WooCommerce