Angular:上传前自动裁剪图片输入文件

// 在组件中导入所需的库和组件
import { Component } from '@angular/core';
import { ImageCroppedEvent } from 'ngx-image-cropper';

@Component({
  selector: 'app-image-upload',
  templateUrl: './image-upload.component.html',
  styleUrls: ['./image-upload.component.css']
})
export class ImageUploadComponent {
  imageChangedEvent: any = '';
  croppedImage: any = '';

  // 当选择了图片文件时触发的方法
  fileChangeEvent(event: any): void {
    this.imageChangedEvent = event;
  }

  // 图片裁剪完成时触发的方法
  imageCropped(event: ImageCroppedEvent): void {
    this.croppedImage = event.base64;
  }

  // 上传裁剪后的图片
  uploadCroppedImage(): void {
    // 将this.croppedImage上传到服务器，可以使用Angular的HttpClient发送HTTP请求
    // ...
  }
}