/
Question & Réponse
/
How to preview picture stored in the fake path in Angular 2/Typescript

How to preview picture stored in the fake path in Angular 2/Typescript

Angular, Typescript

//html
<input type='file' (change)="readUrl($event)">
<img [src]="url"> 

//Typescript
readUrl(event:any) {
  if (event.target.files && event.target.files[0]) {
    var reader = new FileReader();

    reader.onload = (event: ProgressEvent) => {
      this.url = (<FileReader>event.target).result;
    }

    reader.readAsDataURL(event.target.files[0]);
  }
}