Hello, last video, I show you how you can upload an image into below below column in the database. In this video I need to place this image in the ADF page. So, here we add an image component we should point this image to somewhere that will receive the pillow that this place will create a servlet this servlet will retire the below data for a specific employee. So actually we should send the employee ID to the servlet and we should receive the output below that. So what I will do now I need to create a servlet. So I will create here Serve it as a search for HTTP servlet.

Okay, Nick guest can image service we can name it image, Cyril it okay. We can do, do get and do post post awesome. Next we can add here in the baggage view, sir Nick guest image service image service sneakiest and finish So, this is my Servlet and in order to get or do post we need to write a code which will receive a bill we already and it will connect to the database and return the build up that just to save a time I just to create this servlet for you, you can download the source code and you will find this circuit exist. So, what is surfeit? Actually I add I add here a connection to the database. Which odd is the source is I will check which we created is that to get the content type I change it to be an image GBP that will know this is a con type.

After that I will receive a parameter called ID. This is what the image component will send the selected It will be ID after that, I will still write a select statement to select m underscore image from an employee's where employees could equal and I will sit with the given ID here, because of it is below So, I will receive it as a pillow. After that, you will create a buffer in which stream and I will in the image stream I will read that this is how it will work. So, let us now try to point our image component to the servlets. So, I will take the URL pattern this and I will go to my in between image in the source here I should point to this and I should send barometer coal or Ed We need to get the elected employee ID. So how do we do this?

We need to drag the employee ID from the same view object somewhere now, in bluie id I will add this now as we discussed so it will add in the VG definition, the employee ID will add it in appointing subpage initial after it exists I will remove it now, but all I need is the expression from the binding This is the value or binding to the in between in with value I drag it here just to take this value okay. So, I will copy this value and I will pause it here like this. So, now the source of this image will be my Servlet and it will send the ID of the MBE to me, I can remove this now, what I need is just to add to check if it is existence a PG definition disability you will find these exist is a big definition.

Let us know refresh is the image once is a user selects the table, so is the image here. Hey viewer, we can add in support for Trigger we can point to the table because we need to refresh this image. Once the user selects a row, I need this image to be refreshed. We can as well set the style to the image as a width height if you want to add you want to add a border over this so we can all make all of this kind of things here in the style. We can see here, border is tight here we can add solid. Okay and let us add width and height excellent Mix in a hand to it says we'll show you how to fix it.

So it can be something like this. Let us now save and try to run and check this. who eat is now try to select number two you 100 you will find the image is here at 110 you will find it is a display exam image. So, you can upload image here in 101 It's a select business. Okay, so actually you once you upload it, you can display a successful message and you can return this back As a normal input text, and you can update the image so let's do this as well. So I will go to the My bean and after the commit operation will done, I will display here.

Successful message, we can just write here. Image uploaded successfully. Okay. And we can point to the input file, I need to reset its value so I will bind the unwanted binding by the input file to my beam okay My input file component and all you need is to get my input file component and reset Okay I will reset the value the toast import fees tickets okay. So, after the committed operation will have the helm I will go for displaying message successful message and I will receive the value of the final component okay. So let us know just to refresh the panel splitter from the inside file so I will go to tools or behavior or short trigger and I will select their input file because I need Once the file is selected it will refresh itself will also need to refresh the image so I will refresh the main build which is a Bennett splitter Nicholas now run it again and check okay so let's now try to add in Billy image in the 102 so I will select File I will exist rich okay.

So as you can see, image uploads successfully And the fight is returning back again to this status. Like I said it's as a one, upload. image upload successfully. So you have now all image can display like this. This is how you can use the pillow column how you can upload the image into the B look at how you can display it into ADF application. This video, I will show you how you can upload and download file into file system not into the database.

So see you next video.