ng4-file-upload v5.1.7

Angular 4 File Uploader

Github

Demo

Install

npm i ng4-file-upload@latest --save

.angular-cli.json :

"apps": [
    {
      ...
    "styles": [
            "styles.css",          
            "../node_modules/bootstrap/dist/css/bootstrap.min.css"
          ],

Usage

app.module.ts:

import { FileUploaderModule } from "ng4-file-upload";

...
imports: [
    ...
    FileUploaderModule
  ]

app.component.ts:

fileuploaderFileChange(files: FileList){

}

app.component.html:

<file-uploader [maxSizeInKb]="110" [allowMultiple]="False" [fileType]="'application/*'" 
(onSelection)="fileuploaderFileChange($event)"  [required]="false"></file-uploader>