Filepicker

Filepicker widget is used to allow users to upload files from their local machines to any cloud storage via API. Cloudinary and Amazon S3 have simple APIs for cloud storage uploads

Upload File
You can upload files by creating a post API and referring to the base64 version of the file in the post body.
{{ Filepicker1.files[0].base64 }}
Properties
Internal Property
Description
files
This is the array of files selected in the file picker. The base64 version of each file is also present in each array object and can be accessed as 
{{ Filepicker1.files[0].base64 }}
uploadedFileUrls
This is the data that was bound in the Uploaded File URLs property for access to be uploaded in an API.
Property
Description
Label
Sets the label of the Filepicker.
Maximum  No. of files
Enables you to set the maximum number of files allowed to be uploaded by a user. 
Maximum File Size
Enables you to set the maximum allowed size of each file that a user can upload.
Allowed File Types
Enables you to set constraints on the type of file a user can upload - images, videos, audios, text files, etc. 
Required
When turned on, it makes a user input required and disables any form submission until an input is made.
Visible
Controls widget's visibility on the page. When turned off, the widget will not be visible when the app is published 
Uploaded File URLs
This property specifies the urls of the uploaded files that the file upload API returned. You can bind it to the API using {{ apiName.data.fileUrl }}
Action
Description
onFilesSelected
Sets the action to be run when a user selects the files. You can immediately call an API to upload the base64 of the file to your cloud storage
​

Widget Reference - Previous

Datepicker

Next - Widget Reference

Radio

Last updated 2 weeks ago

Property	Description
Label	Sets the label of the Filepicker.
Maximum No. of files	Enables you to set the maximum number of files allowed to be uploaded by a user.
Maximum File Size	Enables you to set the maximum allowed size of each file that a user can upload.
Allowed File Types	Enables you to set constraints on the type of file a user can upload - images, videos, audios, text files, etc.
Required	When turned on, it makes a user input required and disables any form submission until an input is made.
Visible	Controls widget's visibility on the page. When turned off, the widget will not be visible when the app is published
Uploaded File URLs	This property specifies the urls of the uploaded files that the file upload API returned. You can bind it to the API using {{ apiName.data.fileUrl }}

Action	Description
onFilesSelected	Sets the action to be run when a user selects the files. You can immediately call an API to upload the base64 of the file to your cloud storage