How to map the image into the image container in alpha?

Hi @ Sam,

I store the image into reels media collection and I retrieved it by using the api. I checked the postma, the api gave the image as response. And I configure the API into alpha page before Init trigger and also checked the network tab, The api successfully gave the image. But don’t know how to configure the co object to image container, bcz the Image is not shown in the UI screen. Please refer the below screen short. Guide me, how to achieve this?

2 Likes

Hi @GeethaNagarajan,

Can you confirm, if you mapped your records or response for your image api to smilyEmoji in co.

2 Likes

It seems that there isn’t enough data available to generate a valid image URL for the component. Could you please check if there’s any URL or image buffer present in the response that can be converted into a usable image URL?

3 Likes

Yes @Simphiwe, mapped.

1 Like

Hi @Sam, yes I have an Image buffer in the API response. How to proceed further with Image buffer?

Hello @GeethaNagarajan ,
Since the API response contains an image buffer, you can convert that buffer into a valid image URL before binding it to your image component. You can research how to generate an image URL from a buffer or blob in JavaScript and then update your co object accordingly so the image renders properly in the UI. Try that approach first — if it doesn’t work, you can also try using another corresponding component to display the image

1 Like

Hi @Sam, Like you said, I can convert blob into image URL but it is not working.

Hi @Eldho / @Sam, Can You please suggest way to getting image from reels media collection. I tried the image URL converted from blob not working. Any other way is there to getting image?

@Rocky please support asap