File upload
Vue 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
Default message example
By adding defaultMsg prop you can set main message of the file upload.
Custom height example
By adding height prop you can set its custom height.
Max size
By adding maxFileSize prop you can set max size of a file.
Default value
By adding defaultFiles prop you can set default files array in the file upload element.
Disable
By adding disabled prop you can disable the component.
Accept formats
By adding accept prop you can set allowed file types.
Multiple files
By adding multiple prop you can allow to upload more than single file.
Multiple with files limit
By adding maxFilesQuantity prop you can set limit of uploaded files.