Display file from external API via Xano as downloadable file in Bubble frontend

How do I display a file I retrieved from an external database through Xano onto my frontend as a downloadable file? I use Bubble as my frontend.

I use Xano API to request a file from an external database. These files can be large relative to Xano storage capacities (e.g. up to 15MB per file) so I don't want to store them in Xano. I have successfully gotten the API to work and it returns the file as part of a JSON response that includes the data for the file.

I would like to pass this result to my frontend in the form of a file so that it can display the file as something that can be downloaded when clicked on (e.g. as you would download a PDF file or any document). I don't want to display it like you would display a product image.
Problem is I can't seem to figure out how to do this and convert the binary data I get through the Xano API response into a format that I can click on and download as a file on the frontend (Bubble).

Can anyone assist me?

PS: snapshot of external API response is shown below. The file data is in the results part of the response (circled in red):
[image.png]
Other
11 replies