File

Vue Bootstrap 5 File

Vue File Input is a field which the user can use to upload one or more files (photos, documents or any other file type) from local storage.

Basic example

The file input is the most gnarly of the bunch and requires additional JavaScript if you’d like to hook them up with functional Choose file… and selected file name text.

Add the disabled attribute to the component and the custom markup will be updated to appear disabled.

Sizing

You may also choose from small and large file inputs to match our similarly sized text inputs.

Multiple

Add the multiple attribute to the component to enable uploading more than one file.

Related resources