jQuery Croppie Plugin with Angular

jAngular Toolkit include example that can help you integrate / use jQuery Croppie plugin in Angular 6+ application.

Product Detail Download

Overview

jAngular Toolkit include advance example that can help you integrate jquery croppie within your angular 6 application to add upload and crop photo functionality.

Complete Example

Screenshots

Angular Cropie Example

Angular Cropie Example

Usage Example

i: .ts file

   // user profile object
   imageForm: any = {
            userid: 0,
            firstName: 'firstname',
            lastName: 'lastname',
            middleName: 'middlename',
            dob: '3/3/1981',
            cropped_picture: '',
            original_picture: ''
   }

ii: .html file

<app-uploader [imageForm]="imageForm"></app-uploader>

Articles