如何使用离子devapp运行本机相机
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用离子devapp运行本机相机相关的知识,希望对你有一定的参考价值。
我正在尝试使用我的android手机运行Ionic DevApp Ionic DevApp Doc,但似乎Cordova插件设置不正确。我无法理解为什么即使我做了$ ionic cordova plugin add cordova-plugin-camera
和$ npm install --save @ionic-native/camera@beta
任何行添加到我的config.xml文件中。我还尝试将此行手动添加到我的config.xml文件中
因此,当我点击我的按钮(来自我的手机)时,谁想要触发相机拍照,它什么都不做。
这是我的代码(非常基本的代码):
home.page.ts:
export class HomePage {
public image = '';
public options: CameraOptions;
constructor(public navCtrl: NavController, public camera: Camera) {
this.options = {
quality: 100,
destinationType: this.camera.DestinationType.FILE_URI,
encodingType: this.camera.EncodingType.JPEG,
mediaType: this.camera.MediaType.PICTURE
};
}
getPicture() {
this.camera.getPicture(this.options).then(
imageData => {
// imageData is either a base64 encoded string or a file URI
// If it's base64 (DATA_URL):
this.image = 'data:image/jpeg;base64,' + imageData;
console.log('image loaded !');
},
err => {
console.log('handled error !', err);
// Handle error
}
);
}
}
home.page.html:
<ion-header>
<ion-toolbar>
<ion-title>Home</ion-title>
</ion-toolbar>
</ion-header>
<ion-content padding>
<ion-img [src]="image"></ion-img>
<ion-button shape="round" color="primary" (click)="getPicture()">Take
Picture</ion-button>
</ion-content>
答案
它会给你一个运行时错误,因为离子devapp无法访问本机功能。实际上,您的操作系统平台仍被识别为Windows。您需要构建其apk并将其安装在您的手机上。或者您可以在PC上使用虚拟设备。也许喜欢Android Studio移动模拟器。
以上是关于如何使用离子devapp运行本机相机的主要内容,如果未能解决你的问题,请参考以下文章
如何使用具有离子和角度的照片相机在firebase中同时保存多个图像