angular - 从 ngx-image-cropper 返回文件以上传 - Angular

Question

我正在使用 ngx-image-cropper裁剪我的图像。我需要从 ngx-image-cropper 中检索裁剪后的图像上传。但是，我无法通过此检索 File 对象。

这是我用来在用户裁剪图像时触发的代码，

imageCropped(event: ImageCroppedEvent) {
    this.croppedImage = event.base64;
    this.cropperHeight = event.height;
    this.cropperWidth = event.width;
    this.croppedEvent =event.file;//This is how i tried to get file
}

当我尝试上传文件时，它有一些错误。所以最好提供一种从 ngx-image-cropper 获取文件对象的方法

Answer 1

该软件包包含方法 base64ToFile

// Import the method:

import { ImageCroppedEvent, base64ToFile } from 'ngx-image-cropper';

.....
imageCropped(event: ImageCroppedEvent) {
    this.croppedImage = event.base64;
    let File = base64ToFile(this.croppedImage);
}

来源: https://github.com/Mawi137/ngx-image-cropper/releases/tag/3.0.0