Why my image is not displaying in Ionic 4?

Asked Sep 23 '19 at 07:44

Active Sep 23 '19 at 10:16

Viewed 42 times

I want to show an imagen taken with the camera and it's saved in file:///storage/emulated/0/Android/data/myapp.example/cache/1569223935056.jpg

 getImage() {
    this.data = localStorage.getItem("photoTakenPath")
    var filename = this.data.substring(this.data.lastIndexOf('/') + 1);
    var path = this.data.substring(0, this.data.lastIndexOf('/') + 1);
    this.file.readAsDataURL(path, filename).then(res => {
      this.cop = res;
    });
    console.log(this.cop)
  }

And in my HTML

<ion-thumbnail slot="start">
    <img [src]="cop" alt="Image" />
  </ion-thumbnail>

But when I saw this: what is displayed

asked Sep 23 '19 at 07:44

Henry Apaza

1

Looks like the width and height is being set to 0 – Mattigins Sep 23 '19 at 07:52
I set those values but it still showing nothing – Henry Apaza Sep 23 '19 at 14:17
Check if you are passing the correct data to the [src]. Also test it with the base64 in this question https://stackoverflow.com/questions/8499633/how-to-display-base64-images-in-html – Vinícius Mussato Sep 23 '19 at 19:40

Why my image is not displaying in Ionic 4?

0 Answers0