ngx-img is a highly customizable image cropping and image loading component for Angular 5+ applications.

image crop and upload in angular, ngx image cropper, angular crop image before upload, angular image crop rectangle, upload image in angular

Vue.js Image Clipping Components Using Vue-Rx | vuejs-clipper

How to make use of it:

Installation:

npm install --save ngx-img

1. Once installed, you will need to import the main module:

import { NgxImgModule } from 'ngx-img';

import { NgxImgModule } from 'ngx-img';

@NgModule({
  declarations: [AppComponent, ...],
  imports: [NgxImgModule.forRoot(), ...],  
  bootstrap: [AppComponent]
})
export class AppModule {
}

2. Other modules in your application can import a NgxImgModule:

import { NgxImgModule } from 'ngx-img';

@NgModule({
  declarations: [OtherComponent, ...],
  imports: [NgxImgModule, ...], 
})
export class OtherModule {
}

Image Upload & Crop For Angular, ngx-img Plugin/Github

See Demo And Download

Official Website(harryy2510): Click Here

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