@binssoft/multi-uploader

@binssoft/multi-uploader

A plugins to build your own multi uploader for your angular application. This plugin will help you to creat multiple document uploader in your application.

Please support this project by simply putting a Github star. Share this library with friends on Twitter and everywhere else you can.

Table of contents:

• Getting started
  • Installation
  • Implementation
  • Settings Option
• Demo
• Creators
• License

Getting started

Installation

npm install @binssoft/multi-uploader --save

Implementation

import "MultiUploaderModule" in your application module. For example: app.module.ts

import {MultiUploaderModule}  from '@binssoft/multi-uploader';;
@NgModule({
    imports:[
	    MultiUploaderModule
	    ...
    ]
})
export  class  AppModule { }

add configration in your component. For example : app.component.ts

export  class  AppComponent  implements  OnInit {

 config:any = null;
 ngOnInit() {
     this.config = {
        preview:true,
        type:'base64',
        upload:{
            url:'http://localhost:8080/api/1.0/upload-file',
            method:'POST',
            body: {
                ...
                _id:1,
                ...
            },
            headers: {
                "Content-Type": "application/json"
            }
        }
    }
}

			

Add multi-uploader html tag in your component html. For example : app.component.html

<multi-uploader  [config]="config"></multi-uploader>

• [config] : to set the configuration of upload

Settings Option

	Description	Default Value
type	base64 or binary	base64
preview	show the preview or not	false
upload	upload api configuration
upload.url	upload api url
upload.method	upload api method POST, PUT
upload.body	upload api body
upload.headers	upload api headers

Demo

Click Here for the demo

Creator

Tonmoy Nandy

• @GitHub

License

The MIT License (MIT)