Base 64 Image not view in Image tag. Ionic 2

@kosalam2 wrote:

Hi im trying to view image get from phone gallery.but code returned correct base 64 format of image but its not viewing in the html page

import {Page, NavController, Alert,Platform} from 'ionic-angular';
import {NgZone} from 'angular2/core';

@Page({
  templateUrl: './build/pages/admin_page/admin_page.html'
})

export class AdminPage{
  pages: String = "pages";
  tags: String = "tags";
  _zone: any;
  platform:any;
  is_image_loaded:boolean = false;
  fbPages:String[] = ['h', 'g'];

  constructor(platform:Platform,_zone : NgZone){
    this.image = null;
    this.platform = platform;
    this._zone = _zone;
  }

  stpSelect(value: String){
    console.log('select', value);
  }

  getImage(){

    this.platform.ready().then(() => {
      let options = {
        quality: 80,
        destinationType: Camera.DestinationType.DATA_URL,
        sourceType: Camera.PictureSourceType.PHOTOLIBRARY,
        allowEdit: false,
        encodingType: Camera.EncodingType.JPEG,
        saveToPhotoAlbum: false
      };
      // https://github.com/apache/cordova-plugin-camera#module_camera.getPicture
      navigator.camera.getPicture(
        (data) => {
          let imagedata = "data:image/jpeg;base64," + data;

          console.log('image 64', imagedata);

          this.s_image_loaded = true;

          this._zone.run(()=> this.image =imagedata);

        }, (error) => {
          alert(error);
        }, options
      );
    });
  };

}

im showing image in html tag like this

<ion-card>
    <img [src]="image">
  </ion-card>

but nothing showing.

Posts: 6

Participants: 2

Read full topic