Elevate and Drib Multiple File Uploader is a simple, straightforward WordPress plugin extension for Contact Form7, which allows the user to upload multiple files using the drag-and-drop feature or the common browse-file of your webform.

Here'south a petty DEMO.

Features

  • File Type Validation
  • File Size Validation
  • Ajax Uploader
  • Limit number of files Upload.
  • Limit files size for each field
  • Tin specify custom file types or extension
  • Manage Text and Fault message in admin settings
  • Drag & Drib or Scan File – Multiple Upload
  • Support Multiple Drag and Drib in One Form.
  • Able to delete uploaded file before existence sent
  • Send files every bit email attachment or every bit a links. (see note below)
  • Support multiple languages
  • Mobile Responsive
  • Absurd Progress Bar
  • Compatible with whatever browser

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 service and sends it. Later on that "Drag & Drop File Upload" removes the file from the temporary folder ane hr after the submission. ( same process with the default "file" upload of Contact Grade seven – See here )

⭐ Premium Features

Checkout bachelor features on PRO version.

  • Image Preview – Testify Thumbnail for images
  • Arrange Auto Delete Files – After Form Submission
    • (1 hour, 4 hours, eight hours , days, months etc)
  • Zip Files ( Compressed File )
  • Save Files to WordPress Media Library
  • Modify WordPress Upload Directory
  • Change Upload Folder
    • Contact Form 7 – Fields
    • Generated Name – Timestamp
    • Random Folder
    • By User – Required Login
    • Custom Binder
    • Dynamic Folder – user (name, id), mail (id, slug), cf7 fields
  • Send to email as individual zipper, ZIP archive or as a links
  • Chunks Upload ( Suspension large files into smaller Chunks )
    • Able to upload large files.
  • Max Total Size ( of all Uploaded Files )
  • Parallel/Sequential Upload ( No. of files to simultaneously upload )
  • Alter Filename Pattern ({filename}, {cf7-field-name}, {ip_address}, {random}, {post_id}, {post_slug}, etc.)
  • Automatically Optimize Images
  • New – Colour Options (Filesize, ProgressBar, Filename etc)
  • New – Disable Push button to Prevent Duplicate Submission
  • New – Image preview on electronic mail
  • New – File Remote Storage (Google Drive, Amazon S3, FTP, Dropbox)
  • Resize Image (ie: 800×800)
  • Improved Security
  • Optimized Code and Performance
  • i Month Premium Support

Pro version is besides compatible with:

  • Contact Form vii Improver – Arshid
  • Database for Contact Form 7- Ninja
  • Avant-garde Contact course 7 DB – Vsourz Digital

You tin get PRO Version here!

Other Plugin You May Similar

  • Drag & Drop Multiple File Upload – WPForms
    An extension for WPForms – Transform your simple file upload into cute "Drag & Drop Multiple File Upload".

  • Elevate & Drop Multiple File Upload – WooCommerce
    An extension for WooCommerce – Transform your simple file upload into cute "Drag & Drop Multiple File Upload".

  • WooCommerce Memberships
    An extension for WooCommerce – WooCommerce Memberships is not just another plugin for restricting your site's content: information technology'due south an easy-to-utilize, site-broad membership solution that brings your content, shop, and memberships together.

PLUGIN GUIDE – Gratuitous VERSION

Donations

Would you lot like to support the advocacy of this plugin? Donate

To install this plugin see below:

  1. Upload the plugin files to the /wp-content/plugins/drag-and-drop-multiple-file-upload-contact-grade-seven.zip directory, or install the plugin through the WordPress plugins screen direct.
  2. Actuate the plugin through the 'Plugins' screen in WordPress
  3. Go to "Contact > Drag & Drop Upload" for the settings.
  4. See Tutorial

How tin I ship feedback or become 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 vii, there's a field File size limit (bytes).

You tin can likewise manually add together limit parameter in existing [mfile] tag.

Instance: [mfile upload-file-433 limit:20971520] – This limit the user to upload upto 20MB simply.

Please accept notation information technology should be Bytes you may use any converter simply 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 :

Case: [mfile upload-file-344 max-file:three] – this option will limit the user to upload only iii files.

How can I Add together or Limit file types

Y'all can add or change file types in cf7 Class-tag Generator Options by adding jpeg|png|jpg|gif in Acceptable file types field.

Instance : [mfile upload-file-433 filetypes:jpeg|png|jpg|gif]

How can I change text in Drag and Drop Uploading area?

You can alter text Elevate & Drop Files Hither or Browse Files text in WordPress Admin menu under Contact > Elevate & Drop Upload.

How can I modify email attachment as links?

Get to WP Admin Contact -> Drag & Driblet Upload settings then check "Send Attachment as links?" option.

To manage mail template, go to Contact Forms edit specific form and Select Mail tab. In Message Body add generated lawmaking from mfile. ( Case Below )

Message Torso : [your-message]

File Links 1 : [upload-file-754]

File Links2 : [upload-file-755]

Note : No need to add in File Attachments field.

Bought the PRO version, just did'nt reveived an invoice. Ask two times for it but got no response... Disappointing..

A very squeamish solution that works equally promised! Good Job!!

Followed the instructions, information technology'southward quite simple in the finish - I inserted appropriate shortcode and it'south only not sending attachements in my inbox, not fifty-fifty one file. Edit: it'south working, jeez information technology'due south so simple yet complicated!

I tried a couple other plugins to add a feature to a grade to allow for multiple file uploads. And so I institute this one, and it was past far the best. It had the all-time WordPress interface, and the best default features included. When it came to diagnosing a problem with the existing WordPress setup, the developer Glen took his own time out to look through the site and find the problem. If you're looking for a plugin with the functionality to upload multiple files to a class, this is definitely the one!

I've used this plug-in for a few sites and information technology works great! The developer is really responsive and helpful besides. A lot more than any other plug-in developers. Thanks so much!

Read all 73 reviews

"Elevate and Drib Multiple File Upload – Contact Form 7" is open source software. The following people have contributed to this plugin.

Contributors

1.three.6.iii

  • Fixed – Security bug (Cross-Site Scripting through SVG files via remote upload)
  • New – Filter dnd_cf7_data_options to manualy modify the scan text and characterization text.

1.3.6.2

  • Added – Add settings link in the plugin page
  • Fixed – Long text/heading is hidden on the container
  • Stock-still – Min file validation
  • Bug – Removed "accept" information attributes in mobile devices

one.3.half dozen.1

  • Fixed – Unable to delete if errors will show
  • Added "span" & "div" on heading tag option
  • Add spam filtering fixes
  • Added "Disable Auto Delete" option.

1.three.5.9

  • Add have types data attributes Run into Hither

i.3.5.eight

  • Stock-still German translation (https://wordpress.org/support/topic/german-translation-wrong/)
  • Fixes – Bug on file deletion (Reported here – https://wordpress.org/support/topic/deleting-files-not-yet-uploaded-is-breaking/)
  • Change delete icon instead of using an iconmoon.
  • Minor fixes & Improvement

1.three.5.7

  • Bug – Fixed validation outcome when "CF7 Conditional Fields" plugin is active.

ane.3.5.6

  • New – option to change upload heading tag from h1-h6
  • Change text-domain to actual plugin slug for plugin internationalization.
  • Fixed validation error message for multiple groups. (compatible with CF7 – Conditional Fields)

ane.three.v.five.one

  • Bug – Fixed Contact Form vii error notice
    • PHP Deprecated: id belongings of a WPCF7_ContactForm object is no longer accessible.
    • Reported hither – https://wordpress.org/back up/topic/bug-notice-id-not-accessible

1.3.five.five

  • Fixed – Vulnerability (Thanks to @Sysdream Labs team )
    • Removed "supported type" in Mail service request so other users cannot override through remote access.
    • The upshot was, user able to bypass and upload ".phar & .phpt" file extension by modifying "suported type"
    • Those extensions are enabled by default on a fresh PHP/Apache2 installation.
  • Improved – Security (file types condition are based on specified in the admin)

1.3.five.4

  • Added – Russian translation (Thank you to "Dan Uchvatoff ")
  • Fixed – File counter "of" not translatable.

ane.3.five.3

  • Fixed – PHP Fatal error on server non supporting mb_check_encoding.
  • Fixed – Fatal error: Uncaught Mistake: Call to a fellow member function scan_form_tags()
    • When "Take PayPal Payments using Contact Form 7" installed.

1.three.v.2

  • Added – Improved sercurity ( Limit the user input to a file name and ignore injected path names )
  • Modified – Email links ( brandish only the filename )

ane.iii.5.1

  • Bug – Quick Ready ( Unable to submit form when credence field is set )
    • Issue if "additional settings" department added this line: acceptance_as_validation: on

1.3.5

  • Fixed – nonce issues when using Cache plugins.
  • Fixed – German Translation for ( Drag & Drib File Upload ) text.
  • Fixed – Submit button ( enable/disable ) when credence checkbox is added.
  • Modified – File Upload fault message ( display mistake lawmaking )

1.3.4

  • Fixed – Removed uploaded files when detail Inbound Messages "Permanently Deleted".
  • Added – Counter of how many files are uploaded ( ie: 4 of x )
  • New – Features permit to set up Minimum File Upload.
  • ie : minimum upload:ii, max upload:10 = [mfile* upload-file-669 min-file:2 max-file:10]
  • New – Added .htaccess file inside "wp_dndcf7_uploads" upload directory. ( prevent from straight access )
  • Options: -Indexes \due north \n deny from all \north
  • Stock-still – File Attachments bug ( Issues on boosted mail when (file attachment) is removed all the same send the file )

1.iii.iii.3.2

  • Bugs – Stock-still unable to submit grade ( 500 Internal Server Error in response )

1.three.iii.3.1

  • Fixes – Pocket-sized updates (packed the incorrect file)

one.3.3.3

  • Fixed – Security Issues ( Unrestricted File Upload to Remote Code Execution – Cheers to @Austin )
    • Able featherbed and upload file (remotely) past renaming to ie: shell.php% and modified supported_type to jpg|png|php%
    • Solution : Added more security, check/validate file type and created new part 'dnd_cf7_validate_type' to decide if file name extension is valid or not.
  • New – Make 'deleting…' and 'remove' text translatable ( uniform using WPML Cord Translation ).

1.3.3.2

  • Fixed – PHP warning reported here

1.3.iii.1

  • Improved Security – ( Check valid filename & extensions, sanitations, Secured File deletions )
  • New – Allowed non ASCII file proper name
  • Improved styling on Progress Bar
  • Fixed – Conflict with WooCommerce Geo Location

i.3.iii

  • SECURITY UPDATES ( bug reported by : Robert L Mathews )
  • The problems inside dnd_codedropz_upload_delete function, that will execute any Mail remotely.
  • Fixed – To take russian, hebrew Filename
  • Alter Javascript dnd-upload-cf7.js adhere the function to window so it can be available to phone call.
  • Added – Responsive fashion for Elevate & Drop text on mobile devices.
  • Minimum Features – Coming Soon

1.iii.2

  • Fixed – Sanitized Admin Selection Fields – For Security Reason
  • Added – Filter for wpcf7_posted_data from CF7 to get the full link of the file.

ane.3.ane

  • Fixed – Browser Compatibility ( Mistake Uploading files in Edge, Safari and Internet Explorer )
  • Improved – Removed error text if there are muliple error ( File upload validation )

ane.3.0

  • Stock-still – Multiple Elevate & Drop fields in i class ( Validation Issues – Max File non working correctly )
  • Added – Added "deleted…" status when removing file.
    • So that the user know that file deletion is in progress…
  • Fixed – Responsive issues on Mobile < 767px screen.
  • Added – Added '/wpcf7-files' directory inside '/wp_dndcf7_uploads' to temporary store files instead of relying contact form 7.
  • Added – Auto delete files inside '/wpcf7-files' dir 1 hr(3200 seconds) afterward submission.
    • It was a problem with contact form 7 before that files but last sixty seconds and information technology volition automatically deleted.
  • Improved – Optimized and Improved Php Code & Javascript structure and functionalities. ( removed redundant code, removed spaces, etc )
  • Added – Links going to Pro Version.

i.ii.6.0

  • Fixed – Allow to upload file with the aforementioned filename.
  • Fixed – Can't upload epitome after deleting (https://wordpress.org/support/topic/cant-upload-image-afterwards-deleting-it/)
  • Fixed – Max-file issue (https://wordpress.org/support/topic/max-file-effect/)
  • Added – a notation message when file reached the max-file Limit ( "To inform user that some of the files are non uploaded" ).
  • Added – Amend Ajax deletion ( Remove files from the server – Only if Send As Attachment is checked )
  • Optimized – Form send loading time has been optimized ( Improved loading time for large attachment )
  • Stock-still – Issues reported past @palychwp " remove file still send sends with the form (https://wordpress.org/support/topic/file-uploading-is-working-incorrect/)
  • Added – Validate File/Zipper beginning before the upload start ("some says it's frustating :)")
    • (PHP or Server side validation still at that place for security and better validation)
  • Improved file counting via LocalStorage instead of Global variable.

1.two.5.0

  • Fixed – Please Update to 1.ii.5.0 to fixed disable push issue.

ane.ii.five

  • Fixed – Improved ( Disable push while upload is on progress )
  • Fixes – Validate file size limit before uploading the file ( https://wordpress.org/support/topic/file-uploading-is-working-incorrect/ )

1.2.iv

  • Added – Support WPML using .po and .mo files
  • Added – Added to back up multilingual ( using Poedit )
  • Fixed – Preclude attachment from sending to Mail(2) if field attachment is not fix. (https://wordpress.org/support/topic/problem-with-2th-mail-zipper-two/)
  • Added – Disable 'submit' button while upload is on progress…

ane.ii.3

  • Added – Multiple Drag and Drib fields in a class
  • Added – Options in admin for fault message
  • Added – Selection that allow user to ship attachment every bit links
  • Added – Added new folder name wp_dndcf7_uploads to split up files from wpcf7_uploads ( When option 'Send Attachment every bit links?' is check ).

1.2.ii

  • Add – Create admin settings where y'all tin manage or modify text in your uploading area. It's under 'contacts' > 'Drag and Driblet'.
  • New – Empty or Clear attachment file when Contact Form successfully transport.
  • Fixes – Stock-still remove item bugs when file is greater than file limit.
  • Fixes – Changed 'icon-moon' fonts to avoid conflict with the other themes.
  • New – Added text domain for language translations.

1.two.ii

  • Issue – fixed issues when file is not required(*).
  • Effect – fixed error on 'wpcf7_mail_components' components hooks when there's no file.

ane.2.one

  • Issue – stock-still bug when file is not required(*).
  • Issue – fixed error on 'wpcf7_mail_components' components hooks when at that place'southward no file.

1.two

  • Add admin selection to limit the number of files. (Maximum File Upload Limit)

ane.one

  • This version fixes on user drop validation.
  • Optimized Javascript File

1.0

  • Initial Release