Drag and Drop Multiple File Upload for Contact Form 7

설명

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 DEMO.

Features

  • File Type Validation
  • File Size Validation
  • Ajax Uploader
  • Limit number of files Upload.
  • Limit files size for each field
  • Can specify custom file types or extension
  • Manage Text and Error message in admin settings
  • Drag & Drop or Browse File – Multiple Upload
  • Support Multiple Drag and Drop in One Form.
  • Able to delete uploaded file before being sent
  • Send files as email attachment or as a links. (see note below)
  • Support multiple languages
  • Mobile Responsive
  • Cool Progress Bar
  • Compatible with any browser

PLUGIN GUIDE – FREE VERSION

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 – See here )

To adjust or disable the auto-deletion feature, we suggest upgrading to the PRO version for more options (see below).

⭐ Premium Features ⭐

Check out the available features in the PRO version.

  1. Upload Large File – Supports uploading large files.
  2. Image Preview – Displays thumbnails for images.
  3. Auto Delete Files – Automatically deletes files after a set time (hours, weeks, days, months, etc)
  4. Zip Files – Compress uploaded files into a ZIP archive
  5. Save Files to Media Library – Store files in the WordPress media library.
  6. Change Upload Directory – Customize the default WordPress upload directory.
  7. 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
  8. Send as Attachments, Zip, or Links – Flexible file delivery options.
  9. Chunked Uploads – Upload large files in smaller chunks to avoid timeouts.
  10. Max Total Size – Set the maximum combined size for all uploaded files.
  11. Parallel Upload – Limit simultaneous uploads to optimize server performance.
  12. Custom Filename – Define custom filename patterns: ( {filename}, {cf7-field-name}, {ip_address}, {random}, {post_id}, {post_slug}, etc. )
  13. Color Options – Customize colors for file size, progress bar, filename, and more.
  14. Prevent Duplicate – Disable button to prevent duplicate submissions.
  15. Image preview in email – Display image previews in email notifications.
  16. Custom Theme – Switch between “Dark” or “Light” themes.
  17. Form Entries – Store form entries in WordPress admin.
  18. Seamless Remote Storage Integration – 🔥 Supports: OneDrive, Google Drive, Amazon S3, Dropbox, FTP.
  19. Image Size Validation – Ensure images meet required width and height.
  20. Image Resize – Supports image resizing (e.g., 800×800). (Standard Version Only)
  21. Optimize Image – Optimize images after resizing. (Standard Version Only)
  22. Security – Ensure security with regular updates, vulnerability scans, and threat protection.
  23. Optimized Code & Performance – Improve speed and efficiency.

Pro version is also compatible with:

  • Contact Form 7 Add-on – Arshid
  • Database for Contact Form 7- Ninja
  • Advanced Contact form 7 DB – Vsourz Digital

You can get PRO Version here!

PRO VERSION – PLUGIN OVERVIEW

Other Plugin You May Like

Donations

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

스크린샷

  • 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
  • Remote Storage – Pro Features

설치

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
  3. Go to “Contact > Drag & Drop Upload” for the settings.
  4. See Tutorial

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).

You can also manually add limit parameter in existing [mfile] tag.

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

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: [mfile upload-file-344 max-file:3] – this option will limit the user to upload only 3 files.

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 to Display Links in an Email

Some email servers have limitations on file attachment sizes (e.g., Google allows a maximum of 20-25 MB). Attaching large files to emails can be problematic. Consider using this option to display links in the email instead of attaching the files.

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.

See Video Demonstration

How to Attach Files to an Email

  1. In order to attach files to email you will need to check and make sure “send as file(s) as links” option is unchecked.
  2. Go to WordPress admin menu “Contact -> Edit {specific_form}” click or hover the cf7 form you want to edit.
  3. In “Edit Contact Form” page click “Mail” tab and in the bottom you will see “File attachments” field, on this field add your upload field name (ie: [upload-file-xxx]), you will find the upload name in “Form” tab generated from [mfile] shortcode.
  4. If attaching multiple files from a different file upload just add all the upload fields name. (see example below)
    File attachments: [upload-file-111] [upload-file-222]

See Video Demonstration

후기

2025년 2월 20일 답글 1개
Contact Form 7 is great plugin but it misses a basic function: file uploading.Now you can have it with this nice plugin, very useful e simple to use. Free version offers enough options for basic contact forms.Compatible with WPML plugin.
2024년 6월 29일 답글 2개
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.
2024년 1월 8일
Perfect plugin. Works a charm. Not hazzle in setting it its allmost straight foward. U can keep your uploaded PDF files. U can send them as an attachment link, just add the CF7 shortcode that add on the pannel and your good to go. Plugin tells you the upload progress and disables the send button, pus has a drag an drop function thats cool. Well done.
2023년 12월 11일 답글 1개
Outstanding support, I got answers within a few hours.The plugin works flawlessly and the many configuration options are exceptional.Also a user-friendly interface in the backend.The best I have found for this purpose so far.
2023년 11월 13일 답글 1개
I was looking for a plugin to upload large media files, this is exactly what I was looking for. The pro version also allows you to upload remotely (ftp, google drive , Dropbox and AS3. When I ran into small issues, the support was excellent! Great plugin All of which worked. Support was excellent.
2023년 9월 14일 답글 1개
If you need a great solution for uploading files into your forms this is the plugin you want.The pro version is a one time buy at a really fair price for unlimited websites and lifetime update. And the pro support is really outstanding.10/10
모든 91 평가 읽기

기여자 & 개발자

“Drag and Drop Multiple File Upload for Contact Form 7”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

“Drag and Drop Multiple File Upload for Contact Form 7”(이)가 8 개 언어로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “Drag and Drop Multiple File Upload for Contact Form 7”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

1.3.8.8

  • Fixes – Fixed Vulnerability issues reported by Phat RiO – BlueRock (via Wordfence)
    • Unauthenticated Arbitrary File Deletion
    • Unauthenticated PHP Object Injection via PHAR to Arbitrary File Deletion
  • Added – Solution to prevent file deletion when flamingo message is deleted from the admin.
  • Fixed – Cookie issues prevent from caching. Support Link

1.3.8.7

  • Fixes – Header already sent issuesupport
  • Fixes – Unable to delete file when “send file(s) as link” enabled. support

1.3.8.6

  • Fixes – Security Updates (fixed Vulnerability issue reported by Wordfence – CVE ID:CVE-2024-12267)
  • Bug Fix – Fixed bug Support Link
  • Improvement – Added a random directory for each user/guest uploads to prevent file deletion across folders (related to item # 1)

1.3.8.5

  • Hot fix ( Showing critical error on Php 7.3 and Up )
  • Improvement – Improved I18N (Thanks to @alexclassroom)Support Link

1.3.8.4

  • Added Compatibility on Contact Form 7 6.0.
  • WordPress 6.7 Compatibility check.

1.3.8.3

  • Bug – Fixed “send file(s) as links” option not creating year/month folder structure.

1.3.8.2

  • Fixes – Show query error using Query Monitor plugin Here
  • Added – JS/PHP hooks after successful upload Here
  • Tweak – Move error message above files upload Here
  • Fixes – Minor fixes and improvements

1.3.8.1

  • Quick Fix – Unable to uncheck “Send file(s) as links” option.

1.3.8.0

  • Quick fix to prevent auto-deletion if the “Don’t delete files” setting was overridden by recent updates.

1.3.7.9

  • Bug – Added back the “Don’t delete files” option.
  • Optimized – Optimized plugin settings by saving them as an array instead of retrieving individual settings from the wp_options table.
  • Compatibility check on latest version of Contact Form 7 5.9.5.