S3 file uploader

Overview

Upload to S3 is a button to upload files to Amazon S3. The uploader allows you to set ACL and specify file type restrictions and MIME types.

Properties

Name
Type
Description

name

string

Component name

lastUploadedFileUrl

string

S3 URL of the last uploaded file

lastUploadedFileName

string

Name of the last uploaded file

Triggers

Name
Description

On Upload Success

Triggered when a file is successfully uploaded

Working with the component

If you are planning to use the S3 file uploader in UI Bakery, you first need to connect your Amazon S3 as a data source and set up CORS policies for your bucket.

To upload files to S3:

  1. Add the S3 file uploader component to the working area.

  2. Select the necessary S3 data source from the dropdown, specify the bucket, and set up other required settings.

  1. Next, click on the component and select the necessary file to upload it.

Once it's uploaded, you will notice that the lastUploadedFileUrl is an S3 URL, and you can refer to it with the {{ui.s3FileUploader.lastUploadedFileUrl}} variable.

Also, If you need to call any action upon the file upload, you can use the On Upload Success trigger of the component.

Last updated

Was this helpful?