Skip to main content
Community
Documentation
OutSystems 11
Developing an Application
Design UI
Inputs
Enable End Users to Upload Files

 

Language:
English日本語

Developing an Application

 

 

OutSystems

Enable End Users to Upload Files

  1. Last updated
  2. Save as PDF
  • Edit

    • ​

    ​

    ​

    Use the Upload widget to add files — such as photos — to your application.

    In Reactive Web and Mobile

    To upload a file in Reactive Web and Mobile apps:

    1. Drag the Upload widget from the Widgets toolbar to the screen.

    2. On the screen, create a local variable of Binary Data type to hold the file content.

    3. Set the File Content property of the Upload widget to the local variable.

    4. Use a Client Action to call a Server Action to send the file to the server:

      • Change the Server Action to accept the variable in the File Content property as an input parameter and save it.
      • In the Client Action, add the variable as an argument to the Server Action.

    In Traditional Web

    To upload a file in a Traditional Web app:

    1. Drag the Upload widget from the Widgets toolbar to your screen.

    2. Add a Button to the screen that executes a Screen Action to save the file and make sure its Method property is set to Submit.

    3. To save the file in the Screen Action, use the Runtime Properties of the Upload widget:

      • Upload.Content: The file content
      • Upload.Filename: The file name
      • Upload.Type: The file type

    4. In the screen you want to upload the file, create a link to navigate to the newly created screen containing the Upload widget. Alternatively, you can put the screen with the Upload widget inside a popup.