# Image not show

**URL:** <https://forum.ionicframework.com/t/image-not-show/141342>\
**Category:** ionic-v3\
**Created:** [September 11, 2018, 5:28am UTC](https://forum.ionicframework.com/t/image-not-show/141342 "2018-09-11T05:28:42Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![salomon022](https://avatars.discourse-cdn.com/v4/letter/s/91b2a8/32.png) [@salomon022](https://forum.ionicframework.com/u/salomon022)\
**Post date:** [September 11, 2018, 5:28am UTC](https://forum.ionicframework.com/t/image-not-show/141342/1 "2018-09-11T05:28:42Z")

</div>

my ts code

```auto
  takePhoto()
  {
      const options: CameraOptions = {
      quality: 100,
      destinationType: this.camera.DestinationType.FILE_URI,
      encodingType: this.camera.EncodingType.JPEG,
      mediaType: this.camera.MediaType.PICTURE
    }
    this.camera.getPicture(options).then((imageData) => {
     // let base64Image = 'data:image/jpeg;base64,' + imageData;
    this.myPhoto ='data:image/jpeg;base64,' +imageData;
    console.log(this.myPhoto);
    
    }, (err) => {
     
    });
  }

```

my html code

```auto
<ion-content padding>
  <button ion-button (click)="takePhoto()" full color="primary">click</button>
<img src="{{myPhoto}}"/>

</ion-content>
111
```

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 9:17pm UTC](https://forum.ionicframework.com/t/image-not-show/141342/2 "2021-07-19T21:17:41Z")

</div>

Closed on July 19, 2021, 9:17pm UTC