Ngx Material File Input

Overview

The material-file-input library offers an elegant solution for managing file inputs within Angular applications that utilize Angular Material. By integrating key functionality, this library enhances the user experience surrounding file uploads while maintaining simplicity in implementation. It features a specialized ngx-mat-file-input component that conforms seamlessly with Angular Material's mat-form-field design, offering additional validators and formatting tools that are practical for developers.

This project is well-suited for developers looking to enhance their forms with a versatile file input feature. With its effective file size validation and the ability to display file sizes in a user-friendly manner, it stands out as a reliable tool for modern web applications.

Features

• ngx-mat-file-input Component: A custom file input component designed to fit perfectly within Angular Material's mat-form-field framework.
• FileValidator: Comes with a functionality to set a maximum file size limit, ensuring uploaded files meet specific criteria.
• ByteFormatPipe: A utility to format files sizes into human-readable strings, such as “100 MB” for better user comprehension.
• Multiple File Support: Allows for the input of multiple files simultaneously, which can be toggled with a simple boolean property.
• Autofill Detection: Includes a feature to check if the input is currently autofilled, enhancing the functionality of forms.
• Customizability: Accepts a range of file types through the 'accept' attribute, allowing for tailored file input based on application needs.
• Clear Functionality: A simple method to clear all files from the input, providing a clean slate for users when needed.
• Dynamic Placeholder: Customizable placeholder for file names, defaulting to empty to give users clarity on expected input.