选择后没有显示画廊的照片

Question

我正在尝试从图片库获取一张照片，以显示在我的屏幕上，我正在处理的页面是一个标签页，使用下面的代码，我可以打开图片库并选择图像，然而，图像永远不会显示在屏幕上，除非我切换选项卡，任何关于如何解决这个问题的想法将是非常感谢的。

import { Component } from '@angular/core';
import { Camera, CameraResultType, CameraSource } from '@capacitor/camera';

@Component({
selector: 'app-sign-reader',
templateUrl: './sign-reader.page.html',
styleUrls: ['./sign-reader.page.scss']
})


export class SignReaderPage {
    myImage = null;

  constructor() {}

  async takePicture() {
   const image = await Camera.getPhoto({
  quality: 90,
  allowEditing: false,
  resultType: CameraResultType.Uri,
  source: CameraSource.Photos
    });

this.myImage = image.webPath;
  }

}

以下是HTML代码：

<ion-header>
<ion-toolbar color="primary">
  <ion-title>
    Capacitor PWA
  </ion-title>
   </ion-toolbar>
  </ion-header>

  <ion-content>
    <ion-button (click)="takePicture()" expand="block">
  <ion-icon name="camera" slot="start"></ion-icon>
  Capture image
   </ion-button>

  <ion-img *ngIf="myImage" [src]="myImage"></ion-img>
 </ion-content>

离子：

离子CLI : 6.16.3 (/usr/local/lib/node_modules/@ Ionic /cli)离子框架

@离子型/角形5.6.7 @角-devkit/build-角: 0.1000.8

@角-devkit/示意图: 10.0.8 @角/cli

10.0.8 @离子型/角形-工具包: 2.3.3

电容器：

电容器CLI : 3.0.0 @电容器/android: 3.0.0

@电容器/核心: 3.0.0 @电容器/ios: 3.0.0

效用：

cordova-res :未在全球安装

本机运行(可用更新: 1.4.0)：1.3.0

系统：

NodeJS : v14.15.4 (/usr/local/bin/node) npm : 6.14.10操作系统

：macOS Big

Answer 1

记得有一个类似的问题。使用Base64而不是URI解决了我的问题。