How can I display an image (downloaded from api) to Canvas on UI.

[jesuisdarthvader]

How can I display an image (downloaded from api) to Canvas on UI. I am creating a chatbox and want to show images fetched from an API. I can download images and show it on a plane but I am unsure how to show them in Canvas UI. Any suggestions are welcomed. Thank you for your help.

[Leomerya12]

Hello,

Also, GOOGLE.

[Leomerya12]

It’s my personal policy not to chat in messages, so:

Here is an example:

How To Add Images To A Ui In Unreal

Just keep in mind that you have to learn A LOT before you can do very little.

[jesuisdarthvader]

Hi Leomerya12, Thanks a lot for the URL you sent. I’ve gone through this video before and it is a tutorial to add images to the UI, which isn’t my question here. I want to fetch an image from an API on runtime and display in the Chatbox Canvas UI.
Also, fetching an image and displaying on a plane is also done but that isn’t what I require.
For reference, I have created a chatbox by following this tutorial :
How to make Multiplayer Chat | Replication Tutorial | Kekdot | Unreal Engine 5 (youtube.com)
[Unreal Engine] - Import Images During Runtime (youtube.com)

I will greatly appreciate further help. Thank you.

[Leomerya12]

@jesuisdarthvader

I can download images and show it on a plane but I am unsure how to show them in Canvas UI.

You left out the “at runtime” which changes EVERYTHING. I’ve never worked with APIs so, I guess that mistake is on me.

I’m not watching that video to learn what you did. So, the best I can do is brainstorm with you, unless someone else knows exactly how to do what you want.

You’ll need a container class that can be populated with the desired objects (in your case, images).

This may help you:

Stream an asset from the internet

Sorry for the delay, I will post some code snippets this weekend. We had some delays in the release of the plugin ^^

This also may help. Or it will not, but I hope the former:

Play a Video Stream in Unreal Engine | Unreal Engine 5.0 Documentation | Epic...

[jesuisdarthvader]

That’s completely alright. This video focuses more on streaming a video and playing it inside a UI element, which isn’t a requirement right now. I reached out to @EliasWick on their Discord to seek a solution and received the following.
So for anyone looking for a solution, I followed this tutorial :
[Unreal Engine] - Import Images During Runtime (youtube.com)
The URL can be called on a UI image instead of a plane, as shown in the video. The process is the same, except instead of a plane, you load the material on the UI image.