Как запустить родную камеру с помощью ионного деваппа
Я пытаюсь запустить ionic devapp Ionic DevApp Doc с помощью моего мобильного Android, но похоже, что плагин 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>
0 ответов
Это даст вам ошибку во время выполнения, так как ionic devapp не может получить доступ к собственным функциям. Фактически, ваша платформа ОС все еще распознается как Windows. Вам нужно собрать его apk и установить его на свой мобильный. Или вы можете использовать виртуальное устройство на вашем компьютере. Может быть, как мобильный эмулятор Android Studio.