ng2-bl-fileinput

Angular 2 fileinput component

A native fileinput component for angular 2.

See the ng2-bl-fileinput page for examples.

• Getting started
• Input properties
• Output events

Getting started

Install

For npm users:

npm install --save ng2-bl-fileinput

For yarn users:

yarn add ng2-bl-fileinput

Configuration

Angular cli

After installation, no additional configuration is needed. Import the BlFileinputModule and define it as one of the imports of your application module:

import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {BlFileinputModule} from 'ng2-bl-fileinput';

import {AppComponent} from './app.component';

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule,
        BlFileinputModule
    ],
    bootstrap: [
        AppComponent
    ]
})
export class AppModule {}

Input properties

Name	Type	Default	Description
accept	Array<string>|string	null	List of allowed file types (MIME-Type or file extension) as array or comma separated as a string.
buttonOnly	boolean	false	If set to true, only the fil selection button is shown.
buttonText	string	choose file(s)	Only applies to single select. If set to true, a clickable clear selection cross is shown.
icon	string	""	CSS Class(es) for a Icon that is shown on the button.
multiple	boolean	false	If set to true, the fileinput component is multi-select, otherwise single select.
placeholder	string	""	Placeholder text that is shown if no options are selected.

Output events

Name	Value	Description
fileChanged	File|Array<File>	The selected file(s).