Components/File Uploader

fd-file-uploader · 4 examples from SAP's documentation · Back to the gallery

About

The File Uploader component allows the user to select the files from the system to upload. It is an opinionated composition of the input and button components.

Use the File Uploader if: * The user needs to select the files to upload by browsing the system folders. * The user needs to select the files based on specific file formats to upload. Use the File Uploader if: * The user needs to select the files to upload by browsing the system folders. * The user needs to select the files based on specific file formats to upload.

Default

File Uploader is a composition of the \

After Selecting

Once the user selects files, update the input and the hidden div to include the file names. The hidden div will announce the file names only once when the value changes.

document.pdf

Status

For Status File Uploader apply the corresponding status class `is-success`, `is-error`, `is-warning`, `is-information ` modifier to the input element.

File Uploader with File List

non-fiori 3CX

No File Selected

File Selected:

  • Filename.format
  • Verylonglonglonglonglonglongfilename.format

Invalid Files:

  • Negative Object Status