1.13 ionic3入门——调用摄像头

在实际开发，App经常需要调用摄像头进行拍照，或者从相册中选择照片，以下就是ionic调用手机摄像头的步骤
（1）引入插件

ionic cordova plugin add cordova-plugin-camera

npm install --save @ionic-native/camera

（2）在app.module.ts中引入并声明

import { Camera } from '@ionic-native/camera';

并在providers中声明Camera

  providers: [
    StatusBar,
    SplashScreen,
    Camera,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]

（3）在需要用到的页面ts文件中引入

import { Camera, CameraOptions } from '@ionic-native/camera';

在构造函数constructor中声明private camera: Camera

  openCamera() {
    const options: CameraOptions = {
     quality: 70,                                                   // 相片质量 0 -100
     destinationType: this.camera.DestinationType.DATA_URL,        // DATA_URL 是 base64   FILE_URL 是文件路径
     encodingType: this.camera.EncodingType.JPEG,
     mediaType: this.camera.MediaType.ALLMEDIA,   //有PICTURE VIDEO ALLMEDIA
     saveToPhotoAlbum: true,                                       // 是否保存到相册
     sourceType: this.camera.PictureSourceType.CAMERA ,         //是打开相机拍照还是打开相册选择  PHOTOLIBRARY : 相册选择, CAMERA : 拍照,
   }

   this.camera.getPicture(options).then((imageData) => {
     console.log('got file: ' + imageData);

      // If it's base64:
      let base64Image = 'data:image/jpeg;base64,' + imageData;
      var img=new Image();
      img.src=base64Image;

   }, (err) => {
     console.log(err);
   });

  }

注意一点：
iOS设备必须在info.plist文件中添加上相机权限
NSCameraUsageDescription

image.png