Ionic3 使用摄像头

Posted 2022-06-28 编程圈

cordova-plugin-camera 相机插件

安装：

$ ionic cordova plugin add cordova-plugin-camera
$ npm install --save @ionic-native/camera

使用

1. app.module.ts的providers引用插件

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

constructor(
    private camera:Camera)
// 设置选项
const options: CameraOptions = 
  quality: 100,
  sourceType: this.camera.PictureSourceType.CAMERA,
  destinationType: this.camera.DestinationType.DATA_URL,
  encodingType: this.camera.EncodingType.JPEG,
  mediaType: this.camera.MediaType.PICTURE


// 获取图片
this.camera.getPicture(options).then((imageData) => 
// 获取成功
let base64Image = data:image/jpeg;base64, + imageData;

, (err) => 
  console.log(获取图片失败);
);

CameraOptions参数说明：

CameraOptions	作用 参数
quality	图像质量，越高质量越好
sourceType	图片源
destinationType	图片路径
encodingType	图片类型
mediaType	媒体类型，这个插件也能选视频等

sourceType
- PHOTOLIBRARY 从相册取图，获取单张图片用
- CAMERA 拍照，
- SAVEDPHOTOALBUM 保存图片