Изображение не отображается в формате html через встроенную камеру

Question

Я пытаюсь создать приложение, которое использует камеру.Я запустил камеру и сохранил ее в альбоме, но проблема в том, что снятое изображение не отображается в html.Я не знаю, что я сделал не так.

 camera.html
    <button ion-button icon-only (click)="capture()">
                  <ion-icon name="camera"></ion-icon>
                  </button> 
                 <p>Picture</p>
              <img [src]="captureDataUrl"  *ngIf="captureDataUrl"/>

    camera.ts
    export class cameraPage{
    captureDataUrl: string;



     capture() {
            const cameraOptions: CameraOptions = {
              quality: 50,
              encodingType: this.camera.EncodingType.JPEG,
              correctOrientation: true,
              saveToPhotoAlbum: true,
              targetWidth: 100,
              targetHeight: 100
            };

            this.camera.getPicture(cameraOptions).then((imageData) => {
              // imageData is either a base64 encoded string or a file URI
              // If it's base64:
              this.captureDataUrl =  imageData;
            }, (err) => {
              // Handle error
            });
          }
        }

Я следовал инструкциям на https://ionicframework.com/docs/native/camera/, но он все еще не отображается в html.я пытаюсь сохранить локально.не использует FireBase.Пожалуйста помоги.

Answer 1

Если его ответ base64, тогда используйте,

this.captureDataUrl = "data: image / jpeg; base64," + imageData;

Если вы хотите получить ответ какформат base64, затем параметр камеры:

destinationType: this.camera.DestinationType.DATA_URL