In this article, we’ll walk through how to display an image in a UI component using binary data fetched from a REST API. This is a common scenario in many applications.

Imagine you have an external REST endpoint that returns image data in binary format. When a user clicks a button, you want to call this API, retrieve the image, and immediately display it in your application — for example, in a Visual Builder component.

Follow these steps to begin:

Create a REST-based integration using an FTP adapter that returns an image file in binary format.
Register this endpoint in the VBCS application.
Use a JavaScript function to consume the response and convert the binary file into Base64.
Use the Base64 data to display the image in the UI component.

To start creating this end-to-end solution, follow the video given below:

If you liked the article, please like, comment, and share

For more videos on Oracle Integration, Visual Builder, and much more, be sure to check out our YouTube channel. Don’t forget to subscribe to stay updated with our latest content and regular updates!

Enter your keyword

post

Display an Image on UI Using Binary Data on Oracle Visual Builder

Follow these steps to begin:

Further Readings