title: Display image from binary data in html
body: <p>I'm working with this API that returns images in binary format, I need to display them on webpage, the problem is that they are coming in some weird format that simple <code>&lt;img&gt;</code> tag with <code>src="data:image/jpeg;base64,</code> doesn't display. The API providers have no idea what the format is and don't want to spend too much time on my questions, and they say that flash applications using the same api work fine to display images so html should as well. Anyway I need someone to at least help me identify the format so I can move forward. The data as I receive it looks like so:</p>
  
  <blockquote>
    <p>ï¿½ï¿½ï¿½ï¿½JFIFï¿½ï¿½ï¿½Digilant Signature ï¿½
    8ï¿½ï¿½ï¿½F'ï¿½*ï¿½Pï¿½^ï¿½lWï¿½$c?ï¿½ï¿½VeÎ¹$
    _,ï¿½ZYï¿½ï¿½ï¿½UÚ«Jï¿½<code>ï¿½ï¿½~Iï¿½</code>ï¿½ï¿½~Iï¿½uï¿½ï¿½ï¿½ï¿½y~ï¿½ï¿½ï¿½ï¿½ï¿½\"ï¿½ï¿½oï¿½*ï¿½@ï¿½Ì‹ï¿½ï¿½ï¿½ï¿½ï¿½;$ï¿½ï¿½ï¿½Wï¿½K<code>ï¿½ï¿½~Iï¿½</code>ï¿½ï¿½~Iï¿½<code>ï¿½ï¿½~Iï¿½</code>ï¿½ï¿½~Iï¿½<code>ï¿½ï¿½~Iï¿½</code>ï¿½ï¿½~Iï¿½ï¿½ï¿½#0ï¿½f>ï¿½B^ï¿½ï¿½Í«ï¿½q+ï¿½ï¿½nZï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ì½tï¿½ï¿½/</p>
  </blockquote>
  
  <p>when I do the <code>btoa(encodeURIComponent( str )</code> to it, it comes back looking like so:</p>
  
  <blockquote>
    <p>JUVGJUJGJUJEJUVGJUJGJUJEJUVGJUJGJUJEJUVGJUJGJUJEJTAwJTEwSkZJRiUwMCUwMSUwMiUwMCUwMCUwMSUwMCUwMSUwMCUwMCVFRiVCRiV
    ... ...
    SUxNFElNDAlMDUlMTRRJTQwJTA1JTE0USU0MCUxRiVFRiVCRiVCRCVFRiVCRiVCRCUyMg==</p>
  </blockquote>
  
  <p>Can anyone help me identify the format so I can display images?</p>
  
  <p>Thanks!</p>