Limited time discount
First Birthday, Big Savings
Up to 80%Off
Up to 80%Off
Grab Now
documentation-logo
Menu
  • Guides
  • Form Management
  • General fields

How does the file upload field work in IvyForms

An applicant filling out your job form needs to attach a CV, and maybe a portfolio or two. The File upload field lets them drag files into the form or browse for them, and on a Pro plan you can let them attach several files at once, restrict which file types you accept, and cap how many they send. This article covers where to find the field, the settings you can configure, how it behaves on the front end, and where uploaded files end up after submission.

Where can I find the file upload field in IvyForms?

You can add the File upload field from the General fields section in the left panel of the IvyForms builder. Expand Add field → General, select File upload, and it is added to your form, ready to configure in the options panel.

The File upload field is free for single-file uploads. Multiple files upload, Max number of uploads, Allowed file types restrictions, and Smart logic are available only on IvyForms Pro plans.

General fields section in the IvyForms builder showing the File upload field

What settings can I configure for the file upload field?

After selecting the File upload field in the preview, the side panel switches to the Options view. The settings are split across three tabs, General, Advanced, and Smart logic, which control how the field looks, how uploads behave, and when the field appears.

How do general settings work for the file upload field?

The General tab shows the field type (File upload) and its field ID, along with the core options that control how the field appears and how users interact with it.

  • Label – defines the name shown above the upload area.
  • Hide label – removes the label on the front end, leaving only the upload area visible.
  • Description – adds a short note under the label to guide users.
  • Required – makes the field mandatory, blocking submission until a file is added.
  • Required message – the text shown when someone tries to submit without a file; it appears once Required is enabled.
  • Read only – shows the field in a non-interactive state that users cannot upload to, and it is unavailable while Required is on.
  • Placeholder – sets the helper text shown inside the upload area, such as “Drag file here or click to upload”; the insert-placeholders button beside it lets you drop in dynamic values.
  • CSS classes – lets you add custom class names for styling the field through your theme or custom CSS.
General settings tab for the File upload field in IvyForms

How do advanced settings work for the file upload field?

The Advanced tab controls upload limits, file handling, and layout. Several options here are Pro only.

  • Maximum file size – sets the largest size a single uploaded file can be (in megabytes).
  • Multiple files upload (Pro) – lets users attach more than one file through the same field; left off, the field accepts a single file.
  • Max number of uploads (Pro) – caps how many files a user can send in one submission; leave it at 0 for no limit.
  • Allowed file types (Pro) – choose All file types or Specify allowed file types to limit uploads to selected extensions such as PNG, JPG/JPEG, GIF, or WebP.
  • Save uploads to – choose where files are stored, either the IvyForms default location or the WordPress Media Library.
  • Label position – places the label in the Default position or to the Top, Left, or Right.
Advanced settings tab for the File upload field showing upload limits and storage options

When you pick Specify allowed file types, a dropdown opens so you can select exactly which extensions the field accepts; anything outside that list is rejected as the file is added.

How can I use smart logic with the file upload field?

Smart logic is a Pro feature. It lets you show or hide the File upload field based on what users enter in other fields: set Conditional Logic to Yes, choose whether Any or All rules must match, then build rules from a source field, an operator (equals, does not equal, contains, or does not contain), and a value. For example, you can ask for a file only after a user selects a particular option earlier in the form.

How does the field behave on the front end?

On the front end, the field shows an upload area with a cloud icon and your helper text, where users can drag files in or click to browse. With Multiple files upload enabled, they can add several files and remove any of them before submitting; otherwise the field takes a single file. Each file is validated against your size, type, and count limits as it is added, so invalid files are caught before the form is sent.

Front-end File upload field in IvyForms showing the drag-and-drop area

Where do uploaded files appear after submission?

After a form is submitted, uploaded files appear in both the single entry view and the all-entries table, and the field value is included in email notifications and webhook payloads when those are enabled. Where the files physically live depends on the Save uploads to setting: the IvyForms default location keeps them tied to the plugin, while Media Library adds them to your WordPress media so you can reuse them elsewhere.

What should I keep in mind when using the file upload field?

Match your limits to what you actually need: set a sensible Maximum file size, restrict Allowed file types when only certain formats make sense, and use Max number of uploads to keep submissions manageable. Reach for Media Library storage when you want uploaded files available across your site, and leave it on the IvyForms default when the uploads belong only to the form. To customize colors, spacing, typography, buttons, and the overall form appearance, see the Style tab documentation.