Search
K
Comment on page

File

Single and Multiple Files

Overview

To find the File component, type in "file" or scroll down
File component is interactive as all inputs are, meaning you can click on the field and upload a file and then download the existing file

Settings

There are many things you can set up in the file component settings (click on the input to access the settings menu on the right)

Connecting storage

Here you can connect one of our native integration storages, use Jet Admin's built-in storage or connect your own using REST API.
Multipart Encoding
Jet allows for multipart file encoding so that you can upload files with more complex data structures. You can enable multipart encoding when configuring the HTTP request for your REST API. See more about REST API here.

Linking data

You can also reference dynamic values using the f formula modal or set up a static value (upload file)

Multiple Files

How to use File

There are many use-cases for the File component, so here we'll review the most common ones:

Uploading to Jet Tables

To upload files to Jet Tables (or any other storage), we'll need a button to execute the action. In addition, we might need a table to select the record the we'll upload the file onto. This table must have a column with the File field type
Next, we need to tell the button where the file value will come from. For this, we'll reference the "value" attribute from the File filed we dropped on the canvas
In this regard, file is just another type of Input field so you can perform all the referencing and binding actions as you would with text or other fields
Now, the button will upload the file and link it to the record we selected in the table.

Displaying files

Now, if we want to display the file that is stored in our table, we'll need to follow the same process: go into the File component's settings and reference the file field from the selected row in the Table
Last modified 7mo ago