Usage Scenario: Uploading Identity Documents

In an application form process, users may be asked to upload files such as identity documents or diplomas. Since these files are usually standard sizes, the user is given the option to select and upload files via a button or icon.

Steps:

  1. In UI Design, a button or icon is added to initiate the file selection and upload process.
  2. When the user clicks the button or icon, a file selection window opens and the user selects the file.
  3. The selected file is transferred to the server using the Upload File action.
  4. Once the upload is complete, the user is shown the message ‘File uploaded successfully’.
  5. On the backend, the uploaded file is saved to the specified folder (e.g. /uploads/documents/).
  6. The file path information is matched with the reference record in the database.

For large files, the Big File Upload element can also be used.