InputFiles KIT

On this page

An input for uploading one or several files using native input file capabilities

Single

Selecting one file at a time

Multiple

Selecting and processing multiple files at once

Standalone

Displaying file-like items without the input

Loaded

.txt

A file with a very very long title to check that it can be cut correctly

.txt

File with an error

.txt

Something went wrong this time

Loading file

.txt

With link

With deleted state

Loading file

.txt

With button

Collapsing files list when it's too long

Loaded

.txt

one_more_file

.txt

one_more_file

.txt

one_more_file

.txt

one_more_file

.txt

one_more_file

.txt

last_file

.txt

File with an error

Custom content

Customizing drop area

Drag and drop file here or click to upload

PNG, JPG, JPEG, PNG, etc

custom

.txt

file is on checking

Camera capture

The capture attribute works only on mobile browsers

Model

Using template driven forms

Accept

Uploading files with accept attribute containing multiple extensions separated by spaces

valid

.zip

16 B

GitHub StackBlitz