How do I display the image data from the /2/files/download endpoint?

Question

So I'm authorizing it properly, providing the correct headers in the proper format, retriving the response headers, and the data. But I can't seem to figure out how to display the information that comes out, it just comes out as a huge chunk of this:

$.ajax(.........success: (data, textStatus, request) //data below

�)��y&#20;Jq��i�ǈ�q`��&#20;�K���8�&#14;�&#20;ccx����R�&#24;I�̼��������)|�x:qC�2 �z�F&#8;�H;�

Now clearly this is the data itself, but it doesn't work when I drop it into the src attritbute directly like this (using react): <img src={data} />

I've spent a few hours trying to figure out how to get this to work, trying multiple solutions without success, and I'm sure it's something simple. Any help would be greatly appreciated!

Greg-DB · Accepted Answer

The /download call returns the raw binary data for the file. If it's an image and you won't to display it in an image tag, you'll need to either save it somewhere where you can serve it from a URL, or encode and format it as a base64 data URI, or perhaps using some of the newer blob/file functionality in modern browsers.