Display the picture taken by Camera Preview Plugin

Ionic Framework ionic-v3
1

Hi, now I am making an ionic app using Cordova Camera Preview Plugin.

what I want to do is

  1. take a picture with camera preview
  2. display the picture on the screen once it is taken with 'Full Screen"
  3. send this picture to a server

now, my codes are

takePhoto(){
   
    const options : CameraPreviewPictureOptions = {
        quality: 80
      }

      this.cameraPreview.takePicture(options).then((base64PictureData) => {
          console.log(base64PictureData)
    
        this.photoService.uploadPhoto(base64PictureData);
      })
    }

in this codes, I can’t display the picture taken.
Please let me know how to display the picture.

thanks!

2

Hi,
You need to set the source of the image like this:

 let base64Image = 'data:image/jpeg;base64,' + imageData;

Because the plugin return the image as a base64 encoded string by default