Back to Documentation
Field Types

File Upload Fields

Allow customers to upload files, images, and documents with your forms. Configure file types, size limits, and validation rules.

6 min read
Updated December 2024
File Upload System📁Drag & Drop Filesor click to browseMax 10MB • PNG, JPG, PDFUploaded Filesdesign.png2.3 MB • Imagespecs.pdf456 KB • PDFFiles attached to order and viewable in admin panel

Overview

File upload fields allow customers to attach files, images, documents, and other media to their form submissions. Perfect for custom designs, artwork, specifications, or any file-based requirements.

📤

Multiple Files

Allow single or multiple file uploads per field

🔒

File Validation

Control allowed file types and sizes

👁️

Preview & Download

View and download files from admin panel

File Upload Methods

1. Drag & Drop Interface

📁

Drag & Drop Files Here

or click to browse from your device

Supported: PNG, JPG, PDF • Max size: 10MB per file

2. Browse Button

No file chosen

Accepted formats: .png, .jpg, .jpeg, .pdf

File Type Restrictions

Control which file types customers can upload:

Image Files

Document Files

Design Files

Compressed Files

File Size Limits

Size Configuration

Server max: 25MB

MB

Upload Progress & Validation

File Upload States

📄
design-mockup.png
Uploading... 2.3 MB
45%
product-specs.pdf
Upload complete • 456 KB
large-video.mp4
Error: File type not allowed

Image Preview

Show thumbnail previews for uploaded images:

Uploaded Images

design1.png
mockup.jpg
logo.png

Admin Panel Integration

View and download customer uploads from the order admin page:

Order Files Section

📎 Customer Uploads
🖼️
custom-design.png
2.3 MB • Uploaded Dec 20, 2024
📄
specifications.pdf
456 KB • Uploaded Dec 20, 2024

Security Features

Security Measures

  • • File type validation (MIME type checking)
  • • File size limits enforcement
  • • Virus scanning (if enabled)
  • • Secure storage location
  • • Access control (only order owner and admins)

Use Cases

🎨 Custom Design Orders

Customers upload their artwork for custom printing on products

📋 Document Submission

Upload specifications, certificates, or required documentation

🖼️ Photo Products

Upload photos for printing on canvases, mugs, or photo books

📝 Quote Requests

Upload project files or plans for custom quote generation

Best Practices

💡 File Upload Tips

Clear Instructions: Tell users what file types and sizes are accepted
Reasonable Limits: Balance between quality needs and server capacity
Progress Feedback: Show upload progress for large files
Error Messages: Provide clear messages when uploads fail
Preview Option: Let users preview images before submitting
Multiple Formats: Accept common formats to avoid user frustration

Explore More Field Types

Learn about all 15+ field types available in Woo Form Builder

View All Field Types →