相机访问和照片库一起Ionic 3

时间:2018-06-21 16:46:32

标签: typescript ionic-framework ionic3 android-camera

根据一个 Ionic 3 项目,我希望从单击按钮访问背景中的相机本机设备,并在同一屏幕中同时访问图库。我在网络上看到了很多主题,我们可以通过模式询问您如何在这两个Ionic 2 Camera tutorial之间进行选择,但我想从photoAlbum中获得图库,涵盖了相机(类似于页脚) (部分)作为背景,就像您按下相机徽标时的whatsapp / facebook Messenger API一样……在Ionic 3中有可能吗?也许使用两个不同的页面并一起调用它们? (我实际上是在尝试这种方式)

自从Ionic版本3以来,就有一种方法可以原生生成它,或者如果有人对js / css方法有了想法:-) ..提前谢谢

这是我的相机专用功能代码:

home.html:

   <button class="charlotte-button" color="gray" ion-button icon-left 
  (click)="takePhoto()">
          <ion-icon name="camera"></ion-icon>
          Take a photo
        </button>

home.ts:

 export Class HomePage {
 myphoto: any;
 }
  constructor(privae camera: Camera) {}
   takePhoto() {
   const options: CameraOptions = {
  quality: 70,
  destinationType: this.camera.DestinationType.DATA_URL,
  encodingType: this.camera.EncodingType.JPEG,
  mediaType: this.camera.MediaType.PICTURE
    };

this.camera.getPicture().then(
  imageData => {
    // imageData is either a base64 encoded string or a file URI
    this.imageURL = imageData;
    // If it's base64:
    this.myphoto = 'data:image/jpeg;base64,' + imageData;
  },
  err => {
    // Handle error
  }
);
 }

0 个答案:

没有答案