Ion-img поврежден на Ionic 4

Question

Я делаю следующий код, но на моем устройстве просто вижу поврежденное изображение без какой-либо информации (даже немного подождите, чтобы загрузить изображение ...), это мой код:

TypeScript

    goPhotoGallery() {
    const options: CameraOptions = {
      quality: 80,
      destinationType: this.camera.DestinationType.FILE_URI,
      encodingType: this.camera.EncodingType.JPEG,
      mediaType: this.camera.MediaType.PICTURE,
      sourceType: this.camera.PictureSourceType.PHOTOLIBRARY,
      correctOrientation: true,
    }

    this.camera.getPicture(options).then((imageData) => {
      // imageData is either a base64 encoded string or a file URI
      // If it's base64 (DATA_URL):
      let base64Image = 'data:image/jpeg;base64,' + imageData;
      this.images = base64Image;
    }, (err) => {
      // Handle error
    });

HTML

    <ion-img [src]="images"></ion-img>

Что я должен сделать, чтобы правильно отобразить изображение?

Answer 1

Наконец-то решено:

destinationType: this.camera.DestinationType.DATA_URL,

вместо

destinationType: this.camera.DestinationType.FILE_URI,

Конец

Answer 2

Использовать скобки {{images}}

<ion-content padding>

  <ion-card>
    <img src="{{ images }}"  />
  </ion-card>

</ion-content>