cordova - 如何在 Ionic 2 中使用 native 智能手机摄像头？

Question

Ionic 1 似乎有一些 cordova 插件可以让你做到这一点。我确实需要逐步了解如何使用 Ionic 2 执行此操作。网上似乎没有可用的资源。

谢谢!

Answer 1

在项目文件夹中，运行:

$ ionic 插件添加 cordova-plugin-camera --save

然后你就可以全局使用 navigator.camera 了。

import {Page, Platform, NavParams} from 'ionic/ionic'; import {NgZone} from 'angular2/core';






constructor(platform:Platform, navParams: NavParams, _zone : NgZone) {
this._zone = _zone;
this.platform = platform;
this.images = [];}



takePhoto() {
this.platform.ready().then(() => {
  let options = {
    quality: 80,
    destinationType: Camera.DestinationType.DATA_URL,
    sourceType: Camera.PictureSourceType.CAMERA,
    allowEdit: false,
    encodingType: Camera.EncodingType.JPEG,
    saveToPhotoAlbum: false
  };
  // https://github.com/apache/cordova-plugin-camera#module_camera.getPicture
  navigator.camera.getPicture(
    (data) => {
      let image = "data:image/jpeg;base64," + data;
       this._zone.run(()=> this.images.unshift({
         src: image
       }))
    }, (error) => {
      alert(error);
    }, options
  );
});}

在这里做了一个演示项目；仅在 Android 上测试，请尝试。

https://github.com/marcusasplund/ionic2-camera-demo/