Using Image Control in JSP


In this article, I am going to describe an application that uses image controls in JSP. Through this application we describe the controls that are mainly used on the image. To develop this application we follow the following steps.

Step 1 : Create a New Project.

In this step we select the New Project option from the file menu.

create new project.jpg

Step 2 : Choose Project.

In this step we select a web application from the Java web option and then click on the next button.

select new web application.jpg

Step 3 : Name and Location.

In this step we give it a specific name and set a specific location and click on the next button.

name and location.jpg
 

Step 4 : Server and Setting.

We select a specific server for this application and click on the next button.

server and setting.jpg

Step 5 : Select Framework.

There is no need to select any framework for this application; just click on the finish button.

selectframework.jpg

Step 6 : Create JSP file.

We create one JSP file for this application. 

create new jsp file.jpg


index.jsp
 
 
<HTML>
        <HEAD>
        <TITLE>
Using Image Controls In JSP</TITLE>
        </HEAD>
        <BODY BGCOLOR="cyan">
           <H1>Using Image Controls In JSP</H1>
           <FORM ACTION="formAction.jsp" METHOD="POST">
           <INPUT TYPE="IMAGE" NAME="images" SRC="demoImage.jpg">
            </FORM>
         </BODY>
 </HTML>

 

 formAction.jsp
 
 
<HTML>
        <HEAD>
        <TITLE>
Reading Image Controls</TITLE>
        </HEAD>
        <BODY BGCOLOR="skyblue">
          <H1>Reading Image Controls</H1>
             You clicked the image at (<%=request.getParameter("images.x")%>,
             <%=request.getParameter("images.y")%>).
        </BODY>

Step 7 : Compile and Run the application.

Now we compile the application and then run it on the server and find the following output.

Output

index.jsp

index.jsp.jpg

formAction.jsp

formaction.jsp.jpg

Resources related to this article


Similar Articles