I am trying to retrieve multiple images from database and display them using JSP page, I tried but not getting perfect logic to retrieve multiple images from database.
The below is code of retrieving single image, please help in retrieve multiple images
I am using mysql database
my servlet code:
package com.Image;
import java.io.IOException;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.tomcat.util.codec.binary.Base64;
@WebServlet("/ImageRetrieve")
public class ImageRetrieve extends HttpServlet {
static {
try {
Class.forName("com.mysql.jdbc.Driver");
} catch (ClassNotFoundException e) {
e.printStackTrace();
}
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
{ Connection con = null;
PreparedStatement ps = null;
ResultSet rs = null;
try {
con = DriverManager.getConnection("jdbc:mysql://localhost:3306/database1", "root", "vicky");
ps = con.prepareStatement("select frontimage from album ");
rs=ps.executeQuery();
if (rs.next()) {
byte[] fi = rs.getBytes("frontimage");
String FI = new String(Base64.encodeBase64(fi), "UTF-8");
request.setAttribute("FIS", FI);
RequestDispatcher rd=request.getRequestDispatcher("RetrieveImage.jsp");
rd.forward(request, response);
}
} catch (SQLException e) {
throw new ServletException("Something failed at SQL/DB level.", e);
}
}
}
my jsp code:
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Display Image</title>
</head>
<body>
<div>THE DISPLAY</div>
<div >
<img src="data:image/png;base64,${requestScope['FIS']}" style="width:50px; height:50px"/>
</div>
</body>
</html>