File picker

A field for file selection and upload. The field supports different file types, multi-file upload, appending files, and can perform required field and maximum size validation. You can choose a direct file upload or upload via a URL.

Methods

Method
Description

setValue(value: string/ file/ blob)

sets component value

setDisabled(disabled: boolean)

enables or disables the component

reset()

resets the component

focus()

sets focus on a component

validate()

validates the component

resetValidation()

resets the validation

Triggers

Triggers allow you to launch certain actions based on different events.

On Init

Calls for an action on component initialization, e.g., page refresh

On Change

Calls for an action when a component changes its state

Parsed value

The file picker component has an additional parsedValue property, which allows you to access CSV/JSON file content as an array of objects without uploading it to the server or parsing it separately. Use it as {{ui.filePicker.parsedValue}} in code action steps or directly in other components.

Multi-file upload & Append files

To activate the multi-file upload, select the Multiple checkbox in component's settings. Once selected, the Append files option will appear which is enabled by default. It allows you to add new files without replacing the existing ones.

Last updated

Was this helpful?