title: Display thumbnail from Azure AD Graph API in html img
body: <p>I can successfully get what appears to be the png data of a user image but am unable to get it to display in an img element.
  (Im getting the data by calling - <a href="https://graph.windows.net/" rel="nofollow noreferrer">https://graph.windows.net/</a>{my tenant}/users/{my user}/thumbnailPhoto?api-version=1.6)</p>
  
  <p>I have tried
  src="data:image/png;base64,{THE_DATA_HERE}"
  but that doesn't seem to work. (Pasting the data here - <a href="http://codebeautify.org/base64-to-image-converter" rel="nofollow noreferrer">http://codebeautify.org/base64-to-image-converter</a> didnt work either so apparently its not base64)</p>
  
  <p>Any ideas on how to get this result to appear in an img? (This is being done in JavaScript - client side)</p>
  
  <p>I'm using Angular 2 and have to pass the result through the DOM Sanitizer.bypassSecurityTrustUrl before it will apply it to the src so perhaps my code isn't quite right yet. Anybody have this working in any browser based client?</p>