Ionic3 使用摄像头

归志宁无五亩园,读书本意在元元。这篇文章主要讲述Ionic3 使用摄像头相关的知识,希望能为你提供帮助。
cordova-plugin-camera 相机插件
安装:

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

使用1. app.module.ts的providers引用插件
importCamera,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 保存图片
【Ionic3 使用摄像头】


    推荐阅读