Menampilkan Image (Gambar) Di Servlet

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

  1. 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.
  2. 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)
  3. 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>
    

  4. 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);
     }
    }
    
    
  5. 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>
    

  6. 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"
    
    
  7. 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

    Menampilkan Image Di Servlet

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

Menampilkan Image Di Servlet


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

Jika Anda rasa artikel ini bermanfaat, saya sangat berterima kasih bila Anda mau membagikannya ke teman. Jangan lupa dapatkan update artikel terbaru dari Naura-Lab melalui email:

5 comments

Artikel yang bagus, sangat bermanfaat, Makasih

Reply

Terima kasih mas/mba, semoga bermanfaat

Reply

permisi gan, saya ada sedikit tulisan mengenai protokol websocket menggunakan java berikut gan: http://datacomlink.blogspot.co.id/2015/11/script-java-websocket-rfc-6455-server.html ditunggu feedback-nya ya gan, semoga menambah wawasan bersama.. terima kasih gan..

Reply

Rumit banget ya min, newbie soalnya :D

Reply

tambahan ilmu lagi nih, terimakasih gan

Reply

Post a Comment