Ошибка отображения изображения с использованием конденсаторов и ионных - PullRequest
Новая
       48

Ошибка отображения изображения с использованием конденсаторов и ионных

0 голосов
/ 19 октября 2019

Я пытаюсь написать простое приложение для камеры с использованием Ionic 4, и вот мой фрагмент кода для захвата изображения и отображения его на вкладке Ionic. 

export class UploadPage {
  yourImage: SafeResourceUrl;

  constructor(private sanitizer: DomSanitizer) {  }

  async captureImage() {
    const capturedImage = await Plugins.Camera.getPhoto(
    {
      quality: 90,
      allowEditing: true,
      source: CameraSource.Camera,
      resultType: CameraResultType.Uri
    });

    this.yourImage = this.sanitizer.bypassSecurityTrustResourceUrl(capturedImage && (capturedImage.dataUrl));

    }
  }

Когда я пытаюсь запустить код, похоже, что он хорошо захватывает изображение, но не отображается в браузере. Я вижу это

Look under the button

В веб-консоли я вижу это

Not sure why it says undefined in the URL

Изображение также не отображается в devapp.

Странно то, что когда я проверял это на телефоне Android, изображение отлично сохранялось на диске, но все равно не отображается на странице.

1 Ответ

1 голос
/ 20 октября 2019

Если вы используете resultType Uri, вы должны использовать capturedImage.webPath для отображения URL-адреса, dataUrl не определен, если вы не укажете resultType DataUrl

...