[英]Ionic not showing photo from gallery after selection
我试图从图库中获取一张照片以显示在我的屏幕上,我正在处理的页面是一个标签页,使用以下代码我可以打开照片库并选择图像,但是,图像永远不会显示在屏幕上,除非我切换标签,任何关于如何解决这个问题的想法将不胜感激。
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) 离子框架
:@ionic/angular 5.6.7 @angular-devkit/build-angular:0.1000.8
@angular-devkit/schematics:10.0.8 @angular/cli
:10.0.8 @ionic/angular-toolkit:2.3.3电容器:
电容器 CLI:3.0.0 @capacitor/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 大苏尔
记得有类似的问题。 使用 Base64 而不是 URI 为我解决了这个问题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.