Angular File Uploader is an Angular 2/4/5/6/7/8/9/10/11/12/13+ file upload module with a real-time progress bar, responsive design, Angular global compatibility, translation, and multiple themes which include drag and drops and much more.

angular 12 file upload example, ng2 file upload drag and drop example, angular material file upload, ng2 file upload multiple files, angular file upload example, angular file upload github

How to make use of it:

Installation:

npm i angular-file-uploader

1. Bootstrap.min.css is required. Include in your index.html.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

2. Import AngularFileUploaderModule inside your app.module.ts:

import { AngularFileUploaderModule } from "angular-file-uploader";

@NgModule({
  imports: [
      ...,
      AngularFileUploaderModule,
      ...
  ]
})

Angular 2+ File Uploader Module, angular-file-uploader Plugin/Github, angular 8 upload file to rest api, angular 9 file upload example

See Demo And Download

Official Website(kzrfaisal): Click Here

This superior jQuery/javascript plugin is developed by kzrfaisal. For extra advanced usage, please go to the official website.