ionic调用本地相机拍照

最新推荐文章于 2021-06-04 15:48:46 发布

码农真的很忙

最新推荐文章于 2021-06-04 15:48:46 发布

阅读量2k

点赞数 1

本文链接：https://blog.csdn.net/qq_32163209/article/details/79189210

版权

首先创建一个ionic项目，添加相机插件

$ ionic cordova plugin add cordova-plugin-camera

$ npm install --save @ionic-native/camera

在app.module中引入插件

然后在对应ts文件中写调用函数

 
  getPictureByCamera() { 
 
  const 
  options: 
  CameraOptions = { 
 
  quality: 
  100, 
  //图片质量 
 
  destinationType: 
   this. 
  camera. 
  DestinationType. 
  FILE_URI, 
  //返回值的格式 
 
  sourceType: 
  this. 
  camera. 
  PictureSourceType. 
  CAMERA, 
  //设置图片的来源 
 
  allowEdit: 
  true, 
  //是否允许编辑 
 
  encodingType: 
   this. 
  camera. 
  EncodingType. 
  JPEG, 
  //选择返回的图像文件的编码 
 
  mediaType: 
  this. 
  camera. 
  MediaType. 
  PICTURE, 
  //选择媒体类型，根据sourceType确定 
 
  saveToPhotoAlbum: 
   true 
  //是否在拍照后保存到相册 
 
   } 
 
  this. 
  camera. 
  getPicture( 
  options). 
  then(( 
  imageURI) 
  => { 
 
  // imageData is either a base64 encoded string or a file URI 
 
  // If it's base64: 
 
  // let base64Image = 'data:image/jpeg;base64,' + imageData; 
 
  // this.images.unshift({ 
 
  // src:base64Image 
 
  // }) 
 
  this. 
  images. 
  unshift({ 
 
  src: 
  imageURI 
 
   }) 
 
   }, ( 
  err) 
  => { 
 
  // Handle error 
 
   }); 
 
   }