Cara Menampilkan Image Di Servlet Pada Java

Cara Menampilkan Image Di Servlet Pada Java - Pada lanjutan tutorial Servlet kali ini kita akan belajar tentang Bagaimana Cara Menampilkan Image di Servlet.

Development Tools

Di bawah ini adalah tools yang digunakan untuk membuat program:

Java Development Kit (JDK1.6)
Eclipse Hellios
Apache Tomcat 6

Langkah-Langkah

Buatlah folder baru di direktori instalasi Apache Tomcat di %TOMCAT_HOME%/webapps/servlet/WEB-INF. Asumsikan Anda menginstall Apache Tomcat di C:\apache-tomcat-6.0.37 seperti gambar di bawah ini.
Buatlah 3 folder di direktori WEB-INF, yaitu:
1. classes - digunakan untuk menyimpan file kelas java servlet (.class)
2. lib - digunakan untuk menyimpan jar/libary yang dibutuhkan
3. src - digunakan untuk menyimpan file source program Java (.java)

Buatlah file index.html
Nama File : index.html

<html>
<head>
<title>Menampilkan Image di Servlet</title>
</head>
<body>
<h1>Klik Link di Bawah</h1>
<a href="/DisplayImageServlet">Klik disini untuk redirect image ke servlet</a>
</body>
</html>

Buatlah program Java Servlet untuk menampilkan Gambar/Image

Nama File : DisplayImageServletDemo.java

package com.nursalim.zone.servlet;

import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class DisplayImageServletDemo extends HttpServlet {
 /**
  * 
  */
 private static final long serialVersionUID = 7424159918180734927L;

 public void doGet(HttpServletRequest request, HttpServletResponse response)
   throws IOException {
  response.setContentType("image/jpeg");
  ServletOutputStream out;
  
  out = response.getOutputStream();
  FileInputStream fis = new FileInputStream("D://test/image1.jpg");

  BufferedInputStream bis = new BufferedInputStream(fis);
  BufferedOutputStream bos = new BufferedOutputStream(out);

  int ch = 0;
  
  while ((ch = bis.read()) != -1) {
   bos.write(ch);
  }

  bis.close();
  fis.close();
  bos.close();
  out.close();
 }
 
 public void doPost(HttpServletRequest request, HttpServletResponse response) throws IOException{
  doGet(request, response);
 }
}

Buatlah file web.xml seperti di bawah ini:

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">

  <display-name>SERVLET</display-name>

  <welcome-file-list>

    <welcome-file>index.html</welcome-file>

    <welcome-file>index.htm</welcome-file>

    <welcome-file>index.jsp</welcome-file>

    <welcome-file>default.html</welcome-file>

    <welcome-file>default.htm</welcome-file>

    <welcome-file>default.jsp</welcome-file>

  </welcome-file-list>

  <servlet>

    <description></description>

    <display-name>DisplayImageServlet</display-name>

    <servlet-name>DisplayImageServlet</servlet-name>

    <servlet-class>com.nursalim.zone.servlet.DisplayImageServletDemo</servlet-class>

  </servlet>

  <servlet-mapping>

    <servlet-name>DisplayImageServlet</servlet-name>

    <url-pattern>/DisplayImageServlet</url-pattern>

  </servlet-mapping>

</web-app>

Jalankan Apache Tomcat dengan menggunakan perintah startup.bat

C:\apache-tomcat-6.0.37\bin>startup.bat
Using CATALINA_BASE:   "C:\apache-tomcat-6.0.37"
Using CATALINA_HOME:   "C:\apache-tomcat-6.0.37"
Using CATALINA_TMPDIR: "C:\apache-tomcat-6.0.37\temp"
Using JRE_HOME:        "C:\Program Files (x86)\Java\jdk1.7.0_03"
Using CLASSPATH:       "C:\apache-tomcat-6.0.37\bin\bootstrap.jar"

Jalankan Program

Coba Anda jalankan program servlet diatas dengan mengetikkan url http://localhost:8080/servlet/ di browser kesayangan Anda. Kalau tidak ada error, maka akan menampilkan gambar di bawah ini

Coba Anda klik hyperlink diatas, maka akan menampilkan gambar dibawah ini.