> ## Documentation Index
> Fetch the complete documentation index at: https://formsplugin.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# File Upload

> Learn how file uploads work in Forms Plugin - from adding the field to receiving files via email.

# File Upload

The **File Upload** field lets you collect files directly from your form submissions. Whether you need resumes, documents, images, or any other file type - users can attach and submit them right from your form.

<Warning>
  **Plan Required** - File Upload is an advanced field and requires a **Personal (Pro)** or **Commercial (Scale)** subscription.

  [View Plans & Pricing](/plans/overview)
</Warning>

## How File Upload Works

Here is a step-by-step breakdown of the entire file upload process - from setting up the field to receiving the uploaded file.

### Step 1: Add the File Upload Field to Your Form

1. Open **Forms Plugin** in your Framer project
2. Navigate to the **Fields** section
3. Select the **Advanced** tab
4. Click **File Upload** to add it to your form

You can also add **Image Upload**, **Audio Upload**, or **Video Upload** if you want to restrict the accepted file types to a specific media category.

### Step 2: Configure the Upload Field

Once the field is added, you can customize it to match your needs:

* **Label** - Set a clear label so users know what file to upload (e.g., "Upload your resume", "Attach a document")
* **Accepted File Types** - Restrict which file formats are allowed (e.g., PDFs only, images only, or a mix)
* **Required / Optional** - Mark the field as required if a file must be attached before submitting

<Tip>
  **Keep it clear** - Use descriptive labels and placeholder text so users know exactly what type of file to upload and in which format.
</Tip>

### Step 3: User Fills Out and Submits the Form

When a visitor lands on your page and fills out the form:

1. They click the **upload area** or **browse button** on the file upload field
2. A file picker opens where they select a file from their device
3. The selected file name appears in the field, confirming it is attached
4. They complete the rest of the form and click **Submit**

The file is securely uploaded along with all other form data.

Here is an example of a contact form with a **File Upload** field for collecting resumes:

<Frame>
  <img src="https://mintcdn.com/formsplugin/96Mcj_jPeS_VVPoS/images/screenshots/Contact%20Form.png?fit=max&auto=format&n=96Mcj_jPeS_VVPoS&q=85&s=c49f33c634a6e9ceefff9dd9dfc1be1d" alt="Contact form with a file upload field for uploading resumes" width="1001" height="585" data-path="images/screenshots/Contact Form.png" />
</Frame>

### Step 4: You Receive an Email with the File Link

After a successful submission, you (the form owner) will receive a **notification email** containing all the submitted form data.

**Inside the email, you will find:**

* All the field responses (name, email, message, etc.)
* A **direct link** to the uploaded file

Clicking the link will open the file in the app, where you can **view** and **download** it.

<Frame>
  <img src="https://mintcdn.com/formsplugin/96Mcj_jPeS_VVPoS/images/screenshots/Email%20Recive.png?fit=max&auto=format&n=96Mcj_jPeS_VVPoS&q=85&s=606de71ed10ec7d7b236fc615deb0852" alt="Email notification showing the uploaded file link with a direct download URL" width="1005" height="547" data-path="images/screenshots/Email Recive.png" />
</Frame>

<Info>
  The file link in the email takes you directly to the app where the uploaded file is hosted. From there, you can preview the file and download it to your device.
</Info>

### Step 5: View and Download the File

When you click the file link from the email:

1. The file opens in the **Forms Plugin app**
2. You can **preview** the file directly in the browser
3. Click **Download** to save it to your device

This means you never have to worry about files getting lost in your inbox - every uploaded file is stored securely and accessible anytime through the link.

## Supported Upload Field Types

Forms Plugin offers four types of upload fields, each scoped to a specific category:

| Upload Field     | Accepted Files                          | Best For                                     |
| ---------------- | --------------------------------------- | -------------------------------------------- |
| **File Upload**  | Any file type (PDF, DOCX, ZIP, etc.)    | Documents, resumes, contracts, general files |
| **Image Upload** | Image files (PNG, JPG, GIF, WEBP, etc.) | Photos, screenshots, design files            |
| **Audio Upload** | Audio files (MP3, WAV, OGG, etc.)       | Voice samples, music, podcasts               |
| **Video Upload** | Video files (MP4, MOV, WEBM, etc.)      | Video testimonials, demos, recordings        |

<Tip>
  **Choose the right field** - If you only need images, use **Image Upload** instead of the generic File Upload. This prevents users from accidentally uploading the wrong file type.
</Tip>

## Common Use Cases

* **Job Application Forms** - Collect resumes and cover letters as PDF or DOCX attachments
* **Contact Forms** - Let users attach screenshots or documents to explain their issue
* **Client Onboarding** - Gather contracts, ID documents, or brand assets from new clients
* **Feedback Forms** - Accept image or video evidence alongside written feedback
* **Creative Submissions** - Collect portfolio samples, audio demos, or video entries

## Things to Keep in Mind

* **File size limits** may apply depending on your plan. Check [Plans & Pricing](/plans/overview) for details.
* Uploaded files are stored securely and are accessible through the link provided in the email notification.
* Each form submission can include **one file per upload field**. If you need multiple files, add multiple upload fields to your form.
* Make sure to set the field as **required** if a file attachment is mandatory for the submission.

## Next Steps

* [Advanced Fields](/field-types/advanced-fields) - Explore all available advanced field types
* [Form Fields](/creating-forms/form-fields) - Learn how to add and manage fields in your forms
* [Submission History](/integrations/submission-history) - View all past submissions and uploaded files
* [Plans & Pricing](/plans/overview) - Check which plan includes file uploads
