Javascript 离子2照相机错误
所以我在爱奥尼亚2中构建了一个应用程序,我有一个访问摄像头的功能,但由于某些原因,它无法工作,甚至无法正常执行。 下面是相关的HTML和JS文件,以及控制台日志的屏幕截图。非常感谢您的帮助 app.htmlJavascript 离子2照相机错误,javascript,html,angularjs,ionic-framework,camera,Javascript,Html,Angularjs,Ionic Framework,Camera,所以我在爱奥尼亚2中构建了一个应用程序,我有一个访问摄像头的功能,但由于某些原因,它无法工作,甚至无法正常执行。 下面是相关的HTML和JS文件,以及控制台日志的屏幕截图。非常感谢您的帮助 app.html <ion-menu [content]="content"> <ion-toolbar> <ion-title>Menu</ion-title> </ion-toolbar> &l
<ion-menu [content]="content">
<ion-toolbar>
<ion-title>Menu</ion-title>
</ion-toolbar>
<ion-content>
<ion-list>
<button ion-item *ngFor="#p of pages" (click)="openPage(p)">
{{p.title}}
</button>
<ion-slides style="height: 50vh">
<ion-slide *ngFor="#image of images">
<ion-card>
<img [src]="image.src"/>
</ion-card>
</ion-slide>
</ion-slides>
</ion-list>
</ion-content>
</ion-menu>
<button fab primary fab-bottom fab-center (click)=takePicture() style="z-index: 999">
<ion-icon name="camera"></ion-icon>
</button>
<script src="camera.js" type="text/javascript"></script>
<ion-nav id="nav" [root]="rootPage" #content swipe-back-enabled="false"></ion-nav>
控制台
拍摄的照片应该用引号括起来
(单击)=“takePicture()”
根据错误,请提及名为takePicture的函数未找到。请检查corspondense.ts/.js文件,查看我在帖子中附加的js文件的函数。
import {Page} from 'ionic-angular';
import {NgZone} from 'angular2/core';
import {Camera} from 'ionic-native';
@Page({
templateUrl: 'build/pages/app/app.html'
})
export class HomePage {
public base64Image: string;
constructor() {
}
takePicture(){
console.log('click');
Camera.getPicture({
destinationType: Camera.DestinationType.DATA_URL,
targetWidth: 1000,
targetHeight: 1000
}).then((imageData) => {
// imageData is a base64 encoded string
this.base64Image = "data:image/jpeg;base64," + imageData;
}, (err) => {
console.log(err);
});
}
}