title: Convert Blob to image url and use in image src to display image
body: <p>How to convert blob to base64/image?<br>
    I am getting this blob through API call and I am trying to display it in a<br>
    image. I have tried with stackoverflow answers but nothing could help so<br>
    I just tried this.  </p>
  
  <pre><code>//Angular 5 code  
  imageSrc;//global variable  
  data = [{"image_blob":{"type":"img/jpg","data":[123,125]}}];//from api  
  var blob1 = new Blob([new Uint8Array(data[0].image_blob.data)]);  
  const imageUrl = URL.createObjectURL(blob1);  
  console.log(imageUrl);//blob:http://localhost:8100/c489.etc  
  this.imageSrc = imageUrl;  
  
  &lt;!-- html code --&gt;  
  &lt;img [src]='imageSrc' alt="image"&gt;  
  </code></pre>
  
  <p>Have missed anything. Please suggest  </p>