A user input component that allows users to upload files.

Fields

NameTypeDescriptionOptions
LabelText--
Allowed file typesTextProvides hints for browsers to select the correct file types. You can specify extensions and MIME types separated by comma, or leave empty to accept any file.-
Allow multiple filesBoolean-
  1. Yes
  2. No
Custom CSS classesTextCSS classes, separated by spaces. You can define classes in custom stylesheets.-

Events

Low code usage

This component can be declared directly in Python, using backend-driven UI.

ui.FileInput(content={
        "label": "", # str 
        "allowFileTypes": "", # str 
        "allowMultipleFiles": "no", # str [yes, no]
        "cssClasses": "", # str 
    },
    handlers={
        "wf-file-change": handle_event,
    }
)

A function, in this example handle_event, should be implemented in your code to handle events.

def handle_event(state, payload, context, ui):
  pass

Reference