title: Show uploaded image immediately after upload in angular
body: <p>I'm trying to show an uploaded image immedetialy after using input file upload in angular.</p>
  <p>I was trying to get the url from the typescript file to show it like that in html file:</p>
  <pre><code>&lt;img src={{url}}&gt;
               
  </code></pre>
  <p>I'm having the file like that:<br />
  html:</p>
  <pre><code>  &lt;input type=&quot;file&quot; (change)=&quot;onFileChanged($event)&quot; &gt;
  </code></pre>
  <p>ts:</p>
  <pre><code>  onFileChanged(event) {
      this.selectedFile = event.target.files[0]
      console.log(this.selectedFile)
    }
  </code></pre>
  <p>What do I do to get the image and show it immedetialey?</p>