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). |