How to Add File Upload to Your WordPress Forms

Need to collect resumes from job applicants? Photos from customers? Documents from clients? A file upload field lets users attach files directly to your form submissions.

In this guide, you’ll learn how to add file upload functionality to your WordPress forms, configure allowed file types, set size limits, and enable drag-and-drop uploads.

Why Add File Uploads to Forms

File upload fields open new possibilities for your forms:

Common Use Cases

• Job applications – Collect resumes and cover letters (PDF, DOC)
• Support tickets – Users attach screenshots of errors
• Quote requests – Customers upload project specifications
• Contest entries – Accept photo or video submissions
• Client onboarding – Gather contracts and documents
• Event registration – Collect headshots for badges
• Insurance claims – Upload photos of damage
• Feedback forms – Users share visual examples

Without file uploads, users have to email attachments separately—creating extra work and lost files.

Setting Up File Upload in WordPress

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

Step 1: Install Auto Form Builder

1. Go to Plugins → Add New in WordPress
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 a new form or edit an existing one
2. In the left sidebar, find the File Upload field
3. Drag it onto your form canvas
4. Click the field to open settings

Step 3: Configure Upload Settings

Now customize how file uploads work:

Single vs. Multiple Files

Choose whether users can upload one file or several:

• Single file – One attachment per submission (resumes, profile photos)
• Multiple files – Several attachments allowed (project files, photo galleries)

File Limits (Multiple Files)

When allowing multiple files, set boundaries:

• Minimum files – Require at least X files (e.g., “Upload at least 3 photos”)
• Maximum files – Cap uploads at X files (e.g., “Up to 10 files”)

Maximum File Size

Set the maximum size per file:

• Small (1-2 MB) – Documents, small images
• Medium (5-10 MB) – High-res images, presentations
• Large (25+ MB) – Videos, large PDFs

Note: Your WordPress/server settings also have upload limits. The form respects whichever limit is lower.

Configuring Allowed File Types

Control which file types users can upload. This is crucial for security and usability.

File Type Categories

Auto Form Builder groups file types into categories for easy selection:

Enable the categories that match your needs. Disable everything else for security.

Custom File Extensions

Need a specific file type not in the categories? Add custom extensions:

• .ai – Adobe Illustrator files
• .psd – Photoshop files
• .sketch – Sketch design files
• .dwg – AutoCAD drawings
• .indd – InDesign files

Enter custom extensions in the field settings to allow them.

Drag-and-Drop Uploads

Modern users expect drag-and-drop functionality. Auto Form Builder includes it by default.

How It Works

1. User drags a file from their computer
2. Drops it onto the upload zone
3. File uploads automatically
4. Preview appears confirming the upload

Benefits

• Faster – No clicking through file dialogs
• Intuitive – Users understand drag-and-drop
• Visual feedback – Drop zone highlights when dragging
• Mobile fallback – Standard file picker on mobile devices

File Upload Options

Auto Form Builder offers additional upload customizations:

File Previews

Show thumbnails of uploaded files before submission:

• Image previews – Thumbnail of the uploaded image
• File icons – Icon representing file type (PDF icon, DOC icon)
• File names – Display uploaded file names

Previews help users confirm they uploaded the right files.

Custom Button Text

Change the upload button text to match your form:

• Default: “Choose File”
• Custom: “Upload Resume” / “Add Photos” / “Attach Documents”

Auto-Upload

Files upload immediately when selected (vs. waiting for form submission). This provides instant feedback and catches upload errors early.

File Upload Best Practices

1. Be Specific About Requirements

Tell users exactly what you need:

• “Upload your resume (PDF or DOC, max 5MB)”
• “Add up to 5 photos (JPG or PNG)”
• “Attach relevant documents”

2. Use Appropriate Size Limits

Match limits to content type:

3. Restrict File Types

Only allow file types you actually need. This:

• Improves security (blocks potentially harmful files)
• Reduces confusion (users know what to upload)
• Saves storage (prevents oversized video uploads on a resume form)

4. Make It Optional When Appropriate

Not every submission needs an attachment. If files are nice-to-have but not required, make the field optional.

5. Provide Clear Error Messages

When uploads fail, users should know why:

• “File too large. Maximum size is 5MB.”
• “File type not allowed. Please upload PDF or DOC.”
• “Please upload at least 2 files.”

Security Considerations

File uploads can be a security risk if not handled properly. Auto Form Builder includes built-in protections:

File Type Validation

The plugin validates file types on both:

• Client side – Immediate feedback to users
• Server side – Security check before saving

Safe Storage

Uploaded files are stored securely in your WordPress uploads directory with:

• Randomized file names (prevents guessing)
• Organized folder structure
• WordPress security standards

What NOT to Allow

Never enable these file types unless absolutely necessary:

• .exe – Executable files (malware risk)
• .php – Server scripts (can compromise your site)
• .js – JavaScript files (potential exploits)
• .html/.htm – Can contain malicious scripts

Stick to documents, images, and common business file types.

Accessing Uploaded Files

After users submit forms with attachments, you can access files in several ways:

In Submission Details

View individual submissions in Auto Form Builder → Submissions. Click any submission to see attached files with download links.

In Email Notifications

Files are not attached to emails. A download link to the file is included in the email notification instead.

Via Export

Export submissions to CSV/JSON. File fields include the file URL or path for reference.

Common File Upload Scenarios

Job Application Form

Configuration:

• File types: Documents only (.pdf, .doc, .docx)
• Single file (resume) OR multiple files (resume + cover letter)
• Max size: 5 MB
• Button text: “Upload Resume”
• Required: Yes

Customer Support Form

Configuration:

• File types: Images (.jpg, .png) + Documents (.pdf)
• Multiple files: Up to 5
• Max size: 10 MB
• Button text: “Attach Screenshots”
• Required: No (optional)

Photo Contest Entry

Configuration:

• File types: Images only (.jpg, .png)
• Multiple files: 1-3 photos
• Max size: 10 MB per photo
• Button text: “Upload Your Photos”
• Required: Yes

Quote Request Form

Configuration:

• File types: Documents + Images + Archives
• Multiple files: Up to 10
• Max size: 25 MB
• Button text: “Add Project Files”
• Required: No

Frequently Asked Questions

Where are uploaded files stored?

Files are stored in your WordPress uploads directory, typically /wp-content/uploads/. Auto Form Builder organizes them in subfolders.

Can users upload files on mobile?

Yes! Mobile users see a standard file picker. They can upload from their photo library, files app, or take a new photo.

How do I increase the upload size limit?

This depends on your hosting. Common methods: edit php.ini, .htaccess, or wp-config.php. Contact your host if unsure.

Are uploaded files private?

Files are stored in the uploads folder. They’re not publicly listed but could be accessed if someone knows the URL. For sensitive documents, consider additional security measures.

Can I require a minimum number of files?

Yes! When multiple files are enabled, set a minimum. For example, “Upload at least 3 photos.”

Summary

Adding file uploads to your WordPress forms:

1. Install Auto Form Builder and add a File Upload field
2. Choose single or multiple file uploads
3. Select allowed file types (images, documents, etc.)
4. Set size limits appropriate for content type
5. Enable drag-and-drop for better UX
6. Access files via submissions, email, or export

Conclusion

File upload fields transform your forms from simple text collection to powerful document gathering tools. Collect resumes, photos, contracts, and any files your workflow requires.

Auto Form Builder makes file uploads easy with drag-and-drop functionality, flexible file type controls, and secure storage—all without touching code.

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