How to Add File Upload to WordPress Forms

Sometimes text fields aren’t enough. You need users to submit resumes, upload photos, attach documents, or send screenshots. File upload fields transform basic contact forms into powerful document collection tools.

In this guide, you’ll learn how to add file upload functionality to your WordPress forms—from basic setup to advanced configuration.

Why Add File Uploads to Forms

Collect What Text Can’t Capture

• Resumes/CVs – Formatted documents tell more than text
• Photos – Visual proof, examples, portfolios
• Screenshots – Show exactly what users see
• Documents – Contracts, certificates, records

Streamline Workflows

• No separate email attachments
• Files tied to form submissions
• Everything in one place
• Easier to track and organize

Professional Experience

• Modern form capability
• Users expect file upload options
• Reduces back-and-forth requests

Common File Upload Use Cases

Job Applications

• Resume/CV (PDF, DOC)
• Cover letter
• Portfolio samples
• Certifications

Support Tickets

• Screenshots of issues
• Error logs
• Configuration files
• Video recordings

Quote Requests

• Project specifications
• Reference images
• Existing designs to replicate
• Floor plans, blueprints

Insurance Claims

• Damage photos
• Police reports
• Medical records
• Receipts

Customer Feedback

• Product photos
• Before/after images
• User-generated content

Event Registration

• ID verification
• Proof of eligibility
• Team rosters

Contractor/Vendor Applications

• Business licenses
• Insurance certificates
• Work samples

Adding File Upload to Your Form

Here’s how to add 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: Create or Edit Your Form

1. Go to Auto Form Builder → Add New (or edit existing form)
2. You’ll see the drag-and-drop form builder

Step 3: Add the File Upload Field

1. Find File Upload in the field palette
2. Drag it onto your form canvas
3. Position where you want it (usually after contact fields)

Step 4: Configure Basic Settings

Click the file upload field to open settings:

Field Label

Give it a clear, descriptive label:

• “Upload Resume”
• “Attach Documents”
• “Upload Screenshots”
• “Attach Files”

Required/Optional

Decide if file upload is mandatory:

• Required – User must upload to submit
• Optional – User can submit without files

Help Text

Add instructions for users:

• “Upload your resume in PDF or Word format”
• “Attach screenshots showing the issue”
• “Maximum file size: 10MB”

Step 5: Configure File Type Restrictions

Control which file types are accepted:

By Category

• Images – JPG, PNG, GIF, WebP
• Documents – PDF, DOC, DOCX
• Spreadsheets – XLS, XLSX, CSV
• Archives – ZIP, RAR
• Audio – MP3, WAV
• Video – MP4, MOV

Enable Only What You Need

For resumes: Enable Documents only
For screenshots: Enable Images only
For general attachments: Enable Documents + Images

Step 6: Set Size Limits

Prevent oversized uploads:

• Per file limit – Maximum size for each file
• Common settings: 5MB, 10MB, 25MB
• Consider server limitations

Step 7: Configure Multiple Files (Optional)

Allow users to upload more than one file:

• Enable multiple files – Toggle on
• Minimum files – Required minimum (0 for optional)
• Maximum files – Cap to prevent abuse

Step 8: Save and Test

1. Save your form
2. Preview or embed on a page
3. Test uploading various files
4. Verify files appear in submissions

File Upload Configuration Options

Single vs. Multiple Files

File Type Restrictions

Size Limit Guidelines

File Upload Field Examples

Resume Upload (Job Application)

• Label: “Upload Resume”
• Required: Yes
• Multiple: No (single file)
• File types: PDF, DOC, DOCX
• Max size: 5 MB
• Help text: “Upload your resume (PDF or Word format, max 5MB)”

Screenshot Attachment (Support Ticket)

• Label: “Attach Screenshots”
• Required: No (optional)
• Multiple: Yes (up to 5)
• File types: JPG, PNG, GIF
• Max size: 10 MB each
• Help text: “Upload screenshots showing the issue (optional, up to 5 images)”

Document Package (Quote Request)

• Label: “Project Documents”
• Required: No
• Multiple: Yes (up to 10)
• File types: PDF, DOC, Images, ZIP
• Max size: 15 MB each
• Help text: “Attach any relevant documents, images, or specifications”

Photo Submission (Contest)

• Label: “Contest Entry Photos”
• Required: Yes
• Multiple: Yes (3-5 files)
• File types: JPG, PNG only
• Max size: 10 MB each
• Help text: “Upload 3-5 high-quality photos (JPG or PNG)”

Accessing Uploaded Files

In Form Submissions

1. Go to Auto Form Builder → Submissions
2. Find and click the submission
3. Uploaded files appear with the entry
4. Click to download or view

File Storage Location

Uploaded files are typically stored in:

• WordPress uploads folder
• Organized by date or form
• Accessible via Media Library or direct links

In Email Notifications

Depending on settings:

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

Note: Large files may exceed email attachment limits. Links are safer for big files.

In CSV Export

File fields typically export as:

• URLs to the uploaded files
• File names

Server Requirements & Limits

PHP Settings

Server configuration affects uploads:

Checking Your Limits

To find your server’s limits:

1. Go to Tools → Site Health → Info
2. Expand Server section
3. Look for upload-related values

If Limits Are Too Low

• Contact your hosting provider
• Or add to .htaccess / php.ini (if allowed)
• Set form limits below server limits

Security Considerations

File Type Validation

Always restrict file types:

• Only enable types you actually need
• Never allow executable files (.exe, .php, .js)
• Validation happens on both client and server

File Storage Security

• Files stored outside web root when possible
• Direct URL access may be restricted
• Consider who can access uploaded files

Malware Prevention

For sensitive applications:

• Use security plugins with malware scanning
• Restrict to common safe formats (PDF, JPG)
• Review uploads before using

Best Practices

1. Be Specific About Requirements

Tell users exactly what to upload:

• Accepted file types
• Maximum file size
• Number of files allowed
• What the file should contain

2. Use Appropriate Limits

Match limits to actual needs:

• Resumes don’t need 50MB limit
• Photo contests need larger limits
• Consider server capacity

3. Make It Optional When Possible

Don’t require files unless essential:

• Users may not have files ready
• Increases form completion rate
• Follow up for files if needed

4. Enable Drag and Drop

Modern, easy user experience:

• Users expect drag and drop
• Faster than click-browse-select
• Works with multiple files

5. Show Upload Progress

Large files take time:

• Progress bar prevents confusion
• Users know upload is working
• Reduces abandoned uploads

6. Test Thoroughly

Before going live:

• Upload various file types
• Test at size limits
• Try invalid file types (should be rejected)
• Verify files appear in submissions
• Test on mobile devices

Troubleshooting File Uploads

Upload Fails Immediately

Check:

• File type is allowed
• File size is within limit
• JavaScript is enabled in browser

Upload Fails Partway

Possible causes:

• Server timeout
• Connection dropped
• Server max size exceeded

Solutions:

• Reduce file size
• Check server limits
• Try smaller files first

Files Not Appearing in Submission

Check:

• Upload completed before form submit
• Server has available disk space
• Proper file permissions on server

“File Type Not Allowed” Error

Solutions:

• Enable the file type in field settings
• User may be uploading wrong format
• Check file extension matches content

Can’t Download Uploaded Files

Check:

• Files exist in storage location
• Correct file permissions
• Links/paths are valid

Frequently Asked Questions

Is file upload included in the free version?

Yes! Auto Form Builder includes file upload functionality in the free version—no paid upgrade required for basic file uploads.

What file types can users upload?

You control this in field settings. Common options include images (JPG, PNG), documents (PDF, DOC), spreadsheets (XLS, CSV), and archives (ZIP). Enable only what you need.

What’s the maximum file size?

You set this in field settings, but it’s also limited by your server’s PHP configuration. Check your server’s upload_max_filesize setting.

Can users upload multiple files?

Yes, enable “Allow Multiple Files” in the field settings and set minimum/maximum limits.

Where are uploaded files stored?

Files are stored in the WordPress uploads folder and linked to form submissions. View them in the submissions dashboard.

Are uploaded files secure?

File uploads include validation for allowed types. For additional security, restrict file types to only what you need and consider security plugins for malware scanning.

Summary

Adding file upload to WordPress forms:

1. Add the file upload field – Drag onto your form
2. Set a clear label – Tell users what to upload
3. Restrict file types – Enable only what you need
4. Set size limits – Within server capabilities
5. Configure multiple files – If needed
6. Add help text – Explain requirements
7. Test thoroughly – Various files, sizes, devices

Conclusion

File uploads extend your forms beyond simple text collection. Resumes, photos, documents, screenshots—whatever you need, users can submit it directly through your form. No email attachments, no lost files, everything organized with the submission.

Auto Form Builder includes file upload in the free version, complete with drag and drop, multiple files, type restrictions, and size limits. Adding file uploads takes just a few clicks.

Ready to accept file uploads? Download Auto Form Builder and add file upload capability to your forms today.