Cordova Camera Image Incredibly Slow to Appear In View

The base64 image from the Cordova camera plugin is incredibly slow to appear. It takes about 15 seconds to load the image when I push() it to another page as the code below demonstrates. When the image is not pushed to another page, but is programed to appear on the same view, it takes even longer to appear. And it seems when I manipulate the Camera.getPicture() options the image will not appear or takes even longer to do so. I am testing the app through Xcode on ios, on my iPhone5c.

How can I fix this? I’m really not sure how to show a local image in html in a reasonable amount of time. I’d like to have the image appear so that a user can write a description below the image before they send it to my Firebase database.


import { Component, NgZone, ViewChild } from '@angular/core';
import { NavController, Content } from 'ionic-angular';
import {Camera} from 'ionic-native';
import {LandCamPage} from '../land-cam/land-cam';

  selector: 'page-camera',
  templateUrl: 'camera.html'
export class CameraPage {
  @ViewChild(Content) content: Content;
  public guestPicture: any;
  constructor(public navCtrl: NavController, public eventData: EventData, zone : NgZone) {

    destinationType : Camera.DestinationType.DATA_URL,
    encodingType: Camera.EncodingType.PNG
  }).then((imageData) => {

this.guestPicture =  "data:image/png;base64," +  imageData;

this.navCtrl.push(LandCamPage, {itemss: this.guestPicture});

   }, (err) => {


export class LandCamPage {
public Picture: any;
constructor(public navCtrl: NavController, public navParams: NavParams) {
    this.Picture = navParams.get('itemss');


<ion-content padding>
            <ion-list no-lines>
                  Latest Photo:
                  <img [src]="Picture" />
                      <ion-input [(ngModel)]="guestName" type="text"
                  <button ion-button (click)="cancel()">
              <button ion-button color="primary" block (click)="addGuest(guestName)">
                Post Photo

My suggestion to you is to add inside of the function “Camera.getPicture” the elements:

quality: 50,
targetWidth: 800,
targetHeight: 600,

Could be a simple solution that works.


Im also having this issue @adevoid were you able to speed up the process of taking and displaying the picture ?

Hi, Did you managed to find an acceptable fix for this problem? i am facing the same issue at the moment.

1 Like

I am having the same issue. anybody solved the problem?

    quality: 60,
    sourceType: 1,
    saveToPhotoAlbum: false,
    correctOrientation: true,
    targetHeight: 600

This is my code but it doesn’t work well.

Hello @smilemonkey1230!
Welcome to the community!
It’s important to check whats is the Ionic version you are using.
Also check the Camera plugin documentation itself.
Need to show some code and the errors.
Are you using Angular?

It is relative with camera cordova plugin.
They don’t merge fixed a PR yet at latest version too.
Please reference this.

Yes, I see…
Unfortunately there is nothing to do with Ionic.
Hope they solve it soon.

Is there a reason y’all can’t use Capacitor’s camera instead?

1 Like

Thanks. its work :slight_smile: