Overview

bs-custom-file-input is a nifty little plugin designed to enhance Bootstrap 4’s custom file input functionality. This minimalistic tool is built purely in VanillaJS, making it framework-agnostic and suitable for use in both React and Angular projects. With this plugin, you can bring life to your file inputs without relying on jQuery or heavy libraries, all while keeping your bundle size to a minimum.

This plugin offers a user-friendly way to display uploaded file names, reset inputs, and even allows for drag-and-drop file uploads. Its lightweight nature, combined with straightforward usage, makes it an appealing choice for developers looking to streamline file input handling in their web applications.

Features

• Works with Bootstrap 4: Integrates seamlessly with Bootstrap 4, enhancing the default file input experience.
• No dependencies required: Operates without the need for jQuery, optimizing performance and simplicity.
• Dynamic file name display: Automatically shows the name of the uploaded file, improving user interaction.
• Multi-file support: Capable of displaying names for multiple files when multiple inputs are used.
• Input reset functionality: Effortlessly reset the custom file input to its initial state for better form handling.
• Custom selectors: Allows the use of custom input and form selectors, providing flexibility in implementation.
• Drag and drop feature: Supports drag-and-drop functionality for even easier file uploads.
• Lightweight: At just 2kb (compressed), it adds minimal overhead to your project, keeping loading times fast.