doneit-web/src/app/modals/crop-image/crop-image.page.ts

import { Component, OnInit, ViewChild } from '@angular/core';
import { ImageCroppedEvent, ImageCropperComponent } from 'ngx-image-cropper';

@Component({
  selector: 'app-crop-image',
  templateUrl: './crop-image.page.html',
  styleUrls: ['./crop-image.page.scss'],
})
export class CropImagePage implements OnInit {

  imageChangedEvent: any = '';
  croppedImage: any = '';
  @ViewChild('cropper') cropper: ImageCropperComponent;
  capturedImage: any = "";

  constructor() { }

  ngOnInit() {
  }

  fileChangeEvent(event: any): void {
    this.imageChangedEvent = event;
  }
  imageCropped(event: ImageCroppedEvent) {
  this.croppedImage = event.base64;
  
  console.log('Croped image',event)
  console.log('Croped image 22',this.croppedImage)
  // event.blob can be used to upload the cropped image
  }
/*   cropperReady() {
    if(this.croppedImage != '')
    var fileObject = {
      FileBase64: this.croppedImage,
      FileExtension: 'jpeg',
      OriginalFileName: 'image',
      FileSize: this.fileSizeToMB(this.croppedImage.length)
    }
    this.seletedContent.push(fileObject)
      return true
  }
  loadImageFailed() {
    // show message
  } */

}