This angular library provides a light-weight component that handles file-drop, image previewing and image uploading.
npm install angular2-image-upload --save
or
yarn add angular2-image-upload
In your app.module.ts
import it using @NgModule
decorator.
import { ImageUploadModule } from "angular2-image-upload";
@NgModule({
imports: [
...,
ImageUploadModule.forRoot(),
...
]
})
Now you have image-upload
declaration and you can use it in your html code.
<image-upload></image-upload>
You can use bindings to configure this element for your needs.
See the demo for more detailed instructions.