Display Images using Servlet Application

Display Images using Servlet

In this example, we are going to show you an example of how to display Images using Servlet. Please read our previous article where we discussed how to create a Login Form using Servlet. For this example, we are going to use ServletOutputStream class for writing the image and the FileInputStream class to read the image content. We have used the BufferedInputStream and BufferedOutputstream class to make the performance faster. Here we have to use the content type image/jpeg. We have a rose.jpeg image inside the G:\JAVA directory. You can change the location accordingly. In this example we are creating the following pages:

index.html
ServletIOExample.java
web.xml

Here, the index.html file creates a link that invokes the servlet. The URL-pattern of the servlet is “servlet1”. ServletIOExample.java servlet class reads the image from the mentioned directory and writes the content in the response object using ServletOutputStream and BufferedOutputStream classes. Here, web.xml deployment descriptor is the configuration file of web application which instructs the servlet container which classes to load and hot to intercept requests coming from browsers.

index.html

<html>
    <head>
        <title>Display Image</title>
    </head>  
    <body>
         <a href="servlet1">click for photo</a>  
    </body>
</html>

ServletIOExample.java

import java.io.*;  
import javax.servlet.*;  
import javax.servlet.http.*;  
public class ServletIOExample extends HttpServlet {  
  
    public void doGet(HttpServletRequest request,HttpServletResponse response)  
             throws IOException  
    {  
    response.setContentType("image/jpeg");  
    ServletOutputStream out;  
    out = response.getOutputStream();  
    FileInputStream fin = new FileInputStream("G:/JAVA/rose.jpg");  
      
    BufferedInputStream bin = new BufferedInputStream(fin);  
    BufferedOutputStream bout = new BufferedOutputStream(out);  
    int ch =0; ;  
    while((ch=bin.read())!=-1)  
    {  
    bout.write(ch);  
    }  
      
    bin.close();  
    fin.close();  
    bout.close();  
    out.close();  
    }  
}

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
 xmlns="http://java.sun.com/xml/ns/javaee" 
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
 http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
  <servlet>
    <servlet-name>ServletIOExample</servlet-name>
    <servlet-class>ServletIOExample</servlet-class>
  </servlet>

  <servlet-mapping>
    <servlet-name>ServletIOExample</servlet-name>
    <url-pattern>/servlet1</url-pattern>
  </servlet-mapping>
</web-app>

Output

Run your index.html file you will get the following output.

Click on the link to get the output

In the next article, I am going to discuss Auto Page Refresh using Servlet. Here, in this article, we develop an application to display image using Servlet and I hope you enjoy this how to display image using Servlet article.

Dot Net Tutorials

About the Author: Pranaya Rout

Pranaya Rout has published more than 3,000 articles in his 11-year career. Pranaya Rout has very good experience with Microsoft Technologies, Including C#, VB, ASP.NET MVC, ASP.NET Web API, EF, EF Core, ADO.NET, LINQ, SQL Server, MYSQL, Oracle, ASP.NET Core, Cloud Computing, Microservices, Design Patterns and still learning new technologies.