I make a custom API call to my own server where the response is a json with some data and an image that I want to display on the screen. How should I send the image to the app, and how do I parse it to display app-side? Currently sending as image bytes b64 and utf-8 encoded. Thanks!

Try a tip from here, where it is suggested to transfer the image in base64. [image] Use base64 encoded images Questions about Thunkable Thunkable X components can display images encoded in base64 format. To do this, enter the data in this format in the URL or file name input field, for example: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAwBQTFRF7c5J78kt+/Xm78lQ6stH5LI36bQh6rcf7sQp671G89ZZ8c9V8c5U9+u27MhJ/Pjv9txf8uCx57c937Ay5L1n58Nb67si8tVZ5sA68tJX/Pfr7dF58tBG9d5e8+Gc6chN6LM+7spN1pos6rYs6L8+47hE7cNG6bQc9uFj7sMn4rc17cMx3atG8duj+O7B686H7cAl7cEm7sRM26cq/vz…

Thanks actech for the link, very helpful! I think I have it working, except that my data is encoded both in base64 then in utf-8, do you know how I can decode the utf-8 before using the base64 data?

There are many online services for decoding utf-8 to base64. https://www.motobit.com/util/base64-decoder-encoder.asp?charset=utf-8 https://calcus.ru/base64 [image] Base64 Decode and Encode - Online Decode from Base64 or Encode to Base64 - Here, with our simple online tool.

Thanks for the links, I am hoping to decode all in app as the image will change with each server call, these links don’t seem to have an api as an option. Something is happening in my app where the image is being set to a blank image (the container grows, but its blank) just using the “join” block for "data: image/png; base64, " and the image bytes string from the call to my server. Did I structure the string correctly?

API Base64 that would be great! You understand the structure correctly. Some services can generate a string completely, starting with data:

Display image from API respnse

Questions about Thunkable X

actech October 16, 2018, 6:43pm 2

Try a tip from here, where it is suggested to transfer the image in base64.

Topic		Replies	Views
How to display the base64-encoded image without internet? Questions about Thunkable X	9	3214	April 24, 2023
Use base64 encoded images Questions about Thunkable X	5	2470	July 17, 2018
[Solved] how do I base64 encode an image? Questions about Thunkable X beginner , base64	22	4477	May 4, 2022
Base64 in new thunkable? Questions about Thunkable X	5	918	August 27, 2020
How to display raw binary image? Web API's	2	414	June 5, 2023

Display image from API respnse

Related topics