Drag and Drop Multiple File Upload – Contact Form 7

Description

Drag and Drop Uploader a simple WordPress plugin extension for Contact Form 7, this will allow you to Upload multiple files using “Drag & Drop” or “Browse Multiple” in uploading area of your form.

Here’s a little demo here.

Features

  • File Type Validation
  • File Size Validation
  • Ajax Upload
  • Limit number of files Upload.
  • Drag & Drop or Browse File – Multiple Upload
  • Support Multiple Drag and Drop in One Form.
  • Attach to email or send as links.
  • Mobile Responsive
  • Cool Progress Bar
  • Browser Compatability

Donations

Would you like to support the advancement of this plugin? Donate

Screenshots

  • Generate Upload Field - Admin
  • Form Field Settings - Admin
  • Uploader Settings - Admin
  • Email Attachment- Gmail
  • Email Attachment As links - Gmail
  • Multiple Drag and Drop Fields - Front

Installation

To install this plugin see below:

  1. 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.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress

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 field File size limit (bytes). 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: (limit – 3): [mfile upload-file-344 max-file:3]

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 in Acceptable 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 under Contact > Drag & Drop Upload.

How can I change email attachment as links?

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. In Message 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.

Reviews

Awesome Plugin!

This is a awesome plugin! Thank you very much. It would be much appreciated if the compatibility/validation issue with multi-step plugin could be sorted.

Working and Badass plugin

It's working and easy to use. I hope it's ready for WordPress 5.0 and with elements to popular drag and drop builder. Thanks! It's working on my client's website.
Read all 7 reviews

Contributors & Developers

“Drag and Drop Multiple File Upload – Contact Form 7” is open source software. The following people have contributed to this plugin.

Changelog

1.2.3

  • Added – Multiple Drag and Drop fields in a form
  • Added – Options in admin for error message
  • Added – Option that allow user to send attachment as links
  • Added – Added new folder name wp_dndcf7_uploads to separate files from wpcf7_uploads ( When option ‘Send Attachment as links?’ is check ).

1.2.2

  • Add – Create admin settings where you can manage or change text in your uploading area. It’s under ‘contacts’ > ‘Drag and Drop’.
  • New – Empty or Clear attachment file when Contact Form successfully send.
  • Fixes – Fixed 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.2.2

  • Issue – fixed bug when file is not required(*).
  • Issue – fixed error on ‘wpcf7_mail_components’ components hooks when there’s no file.

1.2.1

  • Issue – fixed bug when file is not required(*).
  • Issue – fixed error on ‘wpcf7_mail_components’ components hooks when there’s no file.

1.2

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

1.1

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

1.0

  • Initial Release