dholloran

Allows a user to submit multiple files from a form on your WordPress site via AJAX to WordPress default uploads folder and adds an attachment to the 
Wordpress media gallery. Includes a shortcode <code>[wp-multi-file-uploader]</code> for use in a form created in the post editor and a function for use in a form in a template file <code>wp_multi_file_uploader();</code>.
Plugin Home Page: <a href="http://danholloran.me/WPMultiFileUploader/" rel="nofollow ugc">http://danholloran.me/WPMultiFileUploader/</a>
What this plugin does not do: This plugin does not make sure that the user is allowed to add a file but it does restrict the file type to the WordPress supported file types by default, this has been updated to dynamically get the supported file types for your WordPress install. The file upload size limit is now restricted to either the WordPress or PHP INI limit this can be changed. It also does not play nice at the moment with WordPress form building plugins, if you integrate it with one please let me know and submit a pull request this is a feature I would like to eventually get integrated.
Both the short code and the function accept 2 parameters. 
 allowed_mime_types accepts a comma separated white space sensitive list, ex: jpg,png,gif 
 max_file_size accepts the file size in megabytes ex: 4 = 4mb
Thanks to: This project incorporates the excellent file uploader at <a href="https://github.com/valums/file-uploader" rel="nofollow ugc">https://github.com/valums/file-uploader</a>, if your project is included and I do not have you added please let me know, thank you.
If you have any issues please submit an <a href="https://github.com/DHolloran/WPMultiFileUploader/issues/new" rel="nofollow ugc">issue</a> or fix it/submit a pull request I will try to handle it ASAP. You an also contact me at <a href="mailto:dtholloran@gmail.com" rel="nofollow ugc">dtholloran@gmail.com</a>.
<h3>1.1.1</h3>
<ul>
<li>Fixed extract error with shortcode</li>
</ul>
<h3>1.1.2</h3>
<ul>
<li>Fixed image uploads not creating all the attachment sizes</li>
</ul>
<h3>1.1.3</h3>
<ul>
<li>Fixed issue with upload failing for video files. Fixed issue with not creating correct image sizes.</li>
</ul>
<h3>1.1.4</h3>
<ul>
<li>Fixed files with uppercase extensions not allowed to be uploaded.</li>
</ul>
<h3>1.1.1</h3>
Fixed extract error with shortcode
<h3>1.1.2</h3>
Fixed image uploads not creating all the attachment sizes
<h3>1.1.3</h3>
Fixed issue with upload failing for video files. Fixed issue with not creating correct image sizes.
<h3>1.1.4</h3>
Fixed files with uppercase extensions not allowed to be uploaded.

WP Multi File Uploader

Allows a user to submit multiple files when added to a form on your Wordpress site via AJAX to the Wordpress media gallery.

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.

WP Multi File Uploader vs Drag and Drop Multiple File Upload for Contact Form 7