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:
- classes - digunakan untuk menyimpan file kelas java servlet (.class)
- lib - digunakan untuk menyimpan jar/libary yang dibutuhkan
- 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
5 comments
Artikel yang bagus, sangat bermanfaat, Makasih
ReplyTerima kasih mas/mba, semoga bermanfaat
ReplyRumit banget ya min, newbie soalnya :D
Replytambahan ilmu lagi nih, terimakasih gan
ReplyStafaband
ReplyStafaband
Stafaband
Stafaband
Stafaband
Stafaband
Stafaband
Stafaband
Post a Comment