如何使用离子在手机上预览我的相机应用程序

时间:2018-01-27 05:55:21

标签: ionic-framework ionic2

我目前正在为我的学校项目使用ionic2开发相机应用程序。但是,我无法找到预览相机应用程序的方法。我已经尝试在Android工作室和网络浏览器上预览它但不能这样做。

请帮助!!

这是我的代码

Home.html中

<ion-header>
    <ion-navbar>
        <ion-title>
            Ionic 2 Camera
        </ion-title>
    </ion-navbar>
</ion-header>
<ion-content padding>
    <button ion-button color="dark" (click)="takePhoto()">Take Photo</button>
    <img [src]="imageURL" *ngIf="imageURL" />
    </ion-content>

Home.ts

import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';
import {Camera} from "@ionic-native/camera";

@Component({
    templateUrl: 'home.html',
    selector:'page.home'
})
export class HomePage {
  Camera: any;
  imageURL
  constructor() {}
  takePhoto(){
    this.Camera.getPicture().then((imageData) => {
       this.imageURL = imageData
    }, (err) => {
       console.log(err);
    });
  }
}

0 个答案:

没有答案