Menampilkan Image (Gambar) Di Servlet

February 19, 2015

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.

Sekian tutorial singkat tentang Bagaimana Cara Menampilkan Image (Gambar) Di Servlet. Semoga bermanfaat & Happy Learning Java Servlet.

Jika Anda menyukai tutorial ini, silahkan Anda share dan Anda bagikan dengan teman-teman Anda, dan jika Anda ingin berdiskusi tentang judul tutorial diatas, atau pun mau bertanya tentang tutorial ini silahkan Anda untuk menggunakan fasilitas komentar untuk berdiskusi dan bertanya di blog ini.
Salam,

~Nursalim~
Naura-Lab.blogspot.com

Search This Blog

November Rain