An example of bootstrap file component. Easy to implement and customize. Examples of basic and advanced usage.

Detailed documentation and more examples you can find in our Bootstrap File Input Docs


Basic example

Note info: If you need more advanced functionalities, have a look at our Drag and drop file upload plugin.

Default file input

Default styling for Bootstrap File Input component

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.

Upload

Material file input MDB Pro component

Material Design styling for Bootstrap File Input component

Choose file