File upload

React Bootstrap 5 File upload plugin

MD Bootstrap's File Upload plugin is an extension that allows you to upload files by using drag and drop functionality. Easy to use, setup and customize.

File upload plugin built with the latest Bootstrap 5. Many customization options like custom height, max size, confirmation message, and much more.

Note: Read the API tab to find all available options and advanced customization

Basic example

Controlled value

Default message example

By adding defaultMessage property you can set main message of the file upload.

Custom height example

Max size

By adding maxFileSize property you can set max size of a file.

Disable

By adding disabled property you can disable the component.

Accept formats

By adding acceptedExtensions property you can set allowed file types.

Disabled remove button

By adding disabledRemoveButton property you can remove "Remove button".

Multiple files

By adding multiple property you can allow to upload more than single file.

Multiple with files limit

By adding maxFileQuantity property you can set limit of uploaded files.