How to Accept Multiple File Uploads in WordPress Forms

How to Accept Multiple File Uploads in WordPress Forms

One file isn’t always enough. Job applicants need to submit resumes AND cover letters. Support tickets need multiple screenshots. Project requests need several reference images.

Multiple file uploads let users attach several files in a single form submission—no more emailing attachments separately.

In this guide, you’ll learn how to configure multiple file uploads in your WordPress forms.

When You Need Multiple File Uploads

Common Use Cases

Job Applications

  • Resume
  • Cover letter
  • Portfolio samples
  • Certifications

Support Tickets

  • Multiple screenshots of the issue
  • Error logs
  • Configuration files

Insurance Claims

  • Photos of damage from different angles
  • Police reports
  • Receipts

Design Requests

  • Reference images
  • Brand assets
  • Sketches or mockups

Contest Entries

  • Multiple photos per entry
  • Series of artwork
  • Video clips

Client Onboarding

  • Contracts
  • ID documents
  • Business registration
  • Tax forms

Real Estate

  • Property photos
  • Floor plans
  • Inspection reports

Single vs. Multiple File Uploads

Feature Single File Multiple Files
Files per field 1 2+
Use case Profile photo, single document Portfolios, documentation sets
User selection Click, choose one Click, choose multiple (Ctrl/Cmd+click)
Drag and drop Drop one file Drop multiple files at once
Complexity Simple Requires min/max limits

Setting Up Multiple File Uploads

Here’s how to configure multiple file uploads with Auto Form Builder:

Step 1: Install Auto Form Builder

  1. Go to Plugins → Add New
  2. Search for “AFB” (the short name for Auto Form Builder)
  3. Find “AFB – Auto Form Builder – Drag & Drop Form Creator
  4. Click Install Now, then Activate

Step 2: Add a File Upload Field

  1. Create or edit your form
  2. Drag the File Upload field onto your form
  3. Click to open field settings

Step 3: Enable Multiple Files

  1. Find the Allow Multiple Files option
  2. Toggle it ON

The field now accepts multiple file selections.

Step 4: Set File Limits

Minimum Files

Require a certain number of uploads:

  • Example: Minimum 3 photos for contest entry
  • Leave at 0 for no minimum

Maximum Files

Cap the number of uploads:

  • Example: Maximum 10 files to prevent abuse
  • Protects server storage
  • Keeps submissions manageable

Step 5: Configure File Types

Specify allowed file types:

  • Images: .jpg, .png, .gif, .webp
  • Documents: .pdf, .doc, .docx
  • Spreadsheets: .xls, .xlsx, .csv
  • Archives: .zip, .rar

Enable only what you need for the use case.

Step 6: Set Size Limits

Define maximum file size:

  • Per file: Maximum size for each individual file (e.g., 5MB)
  • Consider: Total upload size = max files × per-file limit

Step 7: Customize Labels

  • Field Label: “Upload Documents” or “Attach Files”
  • Button Text: “Choose Files” or “Add Files”
  • Help Text: “Upload up to 5 files (PDF, DOC). Max 10MB each.”

User Experience for Multiple Uploads

How Users Select Multiple Files

Click Method

  1. User clicks “Choose Files” button
  2. File browser opens
  3. User holds Ctrl (Windows) or Cmd (Mac) and clicks multiple files
  4. Or uses Shift+click for range selection
  5. Clicks Open

Drag and Drop

  1. User selects multiple files in their file explorer
  2. Drags them to the upload zone
  3. Drops all files at once

Multiple Selections

  1. User clicks to add first batch
  2. Clicks again to add more files
  3. Files accumulate until limit reached

File Preview

Show users what they’ve selected:

  • List of file names
  • Thumbnail previews for images
  • Individual remove buttons
  • File sizes

Progress Indicators

For large uploads, show:

  • Upload progress bar
  • Per-file status
  • Completion confirmation

Setting Appropriate Limits

Minimum Files

Scenario Suggested Minimum
General attachments 0 (optional)
Photo contest 1-3
Insurance claim photos 2-3
Portfolio submission 3-5

Maximum Files

Scenario Suggested Maximum
Support screenshots 5
Job application docs 5
Photo gallery submission 10-20
Project files 10
Document package 10-15

File Size Limits

Content Type Suggested Per-File Limit
Documents (PDF, DOC) 5-10 MB
Images (JPG, PNG) 5-10 MB
High-res photos 15-25 MB
Videos 50-100 MB
Archives (ZIP) 25-50 MB

Multiple Upload Form Examples

Job Application Form

File Upload Configuration:

  • Label: “Application Documents”
  • Multiple: Yes
  • Minimum: 1 (at least resume)
  • Maximum: 5
  • File types: PDF, DOC, DOCX
  • Max size: 5 MB each
  • Help text: “Upload your resume and cover letter (PDF or Word). You may also include portfolio samples.”

Support Ticket Form

File Upload Configuration:

  • Label: “Screenshots / Attachments”
  • Multiple: Yes
  • Minimum: 0 (optional)
  • Maximum: 5
  • File types: Images + PDF
  • Max size: 10 MB each
  • Help text: “Attach screenshots or files that help explain the issue (optional).”

Photo Contest Entry

File Upload Configuration:

  • Label: “Contest Photos”
  • Multiple: Yes
  • Minimum: 3
  • Maximum: 5
  • File types: JPG, PNG only
  • Max size: 15 MB each
  • Help text: “Upload 3-5 high-resolution photos. JPG or PNG format.”

Insurance Claim Form

File Upload Configuration:

  • Label: “Damage Photos & Documentation”
  • Multiple: Yes
  • Minimum: 2
  • Maximum: 10
  • File types: Images + PDF
  • Max size: 10 MB each
  • Help text: “Upload at least 2 photos of the damage from different angles. Include any relevant documents.”

Managing Multiple File Submissions

Viewing Uploads

In submission details, you’ll see:

  • List of all uploaded files
  • File names and sizes
  • Download links for each file
  • Image thumbnails (for image files)

Downloading Files

  • Click individual files to download one at a time
  • Or download all as ZIP (if supported)

In Email Notifications

Depending on configuration:

  • Files attached to notification email
  • Or links to download files

Note: Large/multiple files may exceed email attachment limits. Links are safer.

In CSV Export

File fields typically export as:

  • File URLs (links to download)
  • Or file paths on server

Server Considerations

Storage Space

Multiple file uploads consume more storage:

  • 10 users × 5 files × 5MB = 250MB per day
  • Monitor disk usage
  • Implement cleanup policies

Upload Limits

Server settings may restrict uploads:

PHP Settings

  • upload_max_filesize – Maximum single file size
  • post_max_size – Maximum total POST data
  • max_file_uploads – Maximum files per request

WordPress Settings

Media settings may also limit uploads.

Hosting Limits

Shared hosting often has stricter limits than VPS or dedicated servers.

Timeout Issues

Large multi-file uploads may timeout:

  • Increase max_execution_time if possible
  • Use chunked/async uploads for very large files
  • Set realistic file size limits

Best Practices

1. Set Clear Expectations

Tell users upfront:

  • How many files they can upload
  • What file types are accepted
  • Maximum file size

Example help text:
“Upload up to 5 files. Accepted formats: PDF, JPG, PNG. Maximum 10MB per file.”

2. Use Appropriate Limits

  • Don’t allow 100 files if you only need 5
  • Balance user needs with server capacity
  • Err on the side of reasonable restrictions

3. Enable Drag and Drop

Makes multi-file selection much easier than click-and-Ctrl.

4. Show File Previews

Let users see what they’ve uploaded:

  • Confirms correct files selected
  • Allows removing wrong files
  • Reduces errors

5. Provide Remove Option

Users should be able to:

  • Remove individual files before submission
  • Replace wrong files
  • Start over if needed

6. Test with Real Files

Before launch:

  • Upload actual files users will submit
  • Test at limit boundaries (max files, max size)
  • Verify all files appear in submission
  • Check email notification handling

7. Plan for Storage

  • Estimate storage needs based on expected volume
  • Set up cleanup routines for old submissions
  • Monitor disk usage

Troubleshooting Multiple Uploads

Only One File Uploads

Check:

  • Multiple files option is enabled in field settings
  • User is selecting multiple files correctly (Ctrl/Cmd+click)

Upload Fails Partway

Possible causes:

  • Total size exceeds server limit
  • Timeout during upload
  • One file in batch is invalid type

Solutions:

  • Reduce file sizes
  • Upload fewer files
  • Check server timeout settings

Files Missing from Submission

Check:

  • Upload completed before form submission
  • Server didn’t timeout
  • Files within size/type limits

Can’t Download Uploaded Files

Check:

  • Files exist on server
  • Correct file permissions
  • File paths in database are correct

Security Considerations

File Type Validation

  • Always restrict file types to what you need
  • Don’t allow executable files (.exe, .php, .js)
  • Validate on both client and server side

Storage Location

  • Files should be stored in protected directories
  • Not directly accessible via URL guessing
  • Consider access controls for sensitive documents

Malware Scanning

For high-security applications:

  • Scan uploaded files for malware
  • Quarantine suspicious files
  • Use security plugins

Frequently Asked Questions

How many files can users upload at once?

You control this with the maximum files setting. Server settings (max_file_uploads) also impose limits—typically 20 by default.

Can users add files after initial selection?

Yes, most implementations allow clicking again to add more files until the limit is reached.

What happens if one file fails validation?

Typically, the invalid file is rejected with an error message, but valid files may still be accepted. Behavior varies by implementation.

Can I require at least X files?

Yes, set the minimum files option. Users can’t submit until they upload at least that many files.

Do multiple files count against my hosting storage?

Yes, all uploaded files consume server storage. Monitor usage and implement cleanup policies.

Summary

Configuring multiple file uploads:

  1. Enable multiple files in the file upload field settings
  2. Set minimum files if a certain number is required
  3. Set maximum files to prevent abuse and manage storage
  4. Configure file types – only allow what you need
  5. Set size limits appropriate for content type
  6. Add clear help text explaining limits to users
  7. Enable drag and drop for better user experience
  8. Test thoroughly before launch

Conclusion

Multiple file uploads transform your forms from simple data collection to comprehensive document gathering. Job applications, support tickets, insurance claims—any scenario where one file isn’t enough.

Auto Form Builder makes multiple file uploads easy to configure. Enable the option, set your limits, choose allowed file types, and you’re ready to accept document packages, photo sets, and multi-file submissions.

Ready to accept multiple files? Download Auto Form Builder and configure multiple file uploads today.

Leave a Reply

Your email address will not be published. Required fields are marked *