title: ArrayBuffer as source (image tag) / Display image from Blob
body: <p>I'm trying to set an arraybuffer as source of an image tag.
  It seems that I've got 2 problems. My console is logging:</p>
  
  <blockquote>
    <p>GET unsafe:data:image/jpg;base64, [object ArrayBuffer]
    net::ERR_UNKNOWN_URL_SCHEME</p>
  </blockquote>
  
  <p>so my question is:<br>
  1. How do I convert my 'blob' to a string?<br>
  (if necessary: 2. How to remove the unsafe flag?)</p>
  
  <p>html:</p>
  
  <pre><code>&lt;img src="data:image/jpg;base64, {{blob}}"&gt;
  </code></pre>
  
  <p>ts (blob is transferred):</p>
  
  <pre><code>export class ImgViewerComponent implements OnInit {
  
      @Input('blob') blob: ArrayBuffer;
  
      constructor() { }
  
      ngOnInit() {
      }
  
  }
  </code></pre>