How can I display an image using Typescript and Angular 4

Question

I am very new to typescript and web development in general so I am sorry if my code is terrible. Anyways, I am having an issue displaying a \"preview image\" for a profile p

Answer 1

Template :

Component :

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

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

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

T tried it, and it works without any error.