我如何使用电容器插件成功清除离子4中拍摄的照片

Question

拍照后对离子4电容照相机插件进行消毒，但仍然出现此错误：

SafeValue must use [property]=binding: data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/4UHuRXhpZgAATU0AKgAAAAgABgEaAAUAAAABAAAAVgEbAAUAAAABAAAAXgEoAAMAAAABAAIAAAITAAMAAAABAAEAAIdpAAQAAAABAAAIcuocAAcAAAgMAAAAZgAAEOQAAAEsAAAAAQAAASwAAAABHOoAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA....

这是我的.ts文件中的方法：

import { Component, OnInit } from '@angular/core';
import { Plugins, CameraResultType, CameraSource} from '@capacitor/core';
import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';

const { Camera } = Plugins;

  constructor(
    public sanitizer: DomSanitizer
  ) { }


 async takePicture() {

  const image = await Camera.getPhoto({
    quality: 100,
    allowEditing: false,
    resultType: CameraResultType.DataUrl,
    source: CameraSource.Camera
  });

  this.takenImg = this.sanitizer.bypassSecurityTrustResourceUrl(image.dataUrl);

}

以及.html文件中：

<ion-item>
            <span (click)="takePicture()">Camera</span>
          </ion-item>
          <ion-item>
            <ion-img [src]="takenImg" alt=""></ion-img>
          </ion-item>

Answer 1

我为此使用标准的<img>标记，而不是<ion-img>标记，我不需要清理：

<img [src]="image.dataUrl"/>