How to display an image in jsp?

Question

I have a bytearray image.

I need to show that image in jpg format in jsp page and while clicking the image, i can download the image to my pc:

I am loading the image from my mysql db as byte array..

My code is

 ResultSet res = statement.executeQuery("SELECT * FROM upload_data where user_id = "+userID); while (res.next()) { contactDetails = new ContactDetails(); contactDetails.setContactPhoto(res.getBytes("photo")); byteArrayBackToImage1(res.getBytes("photo")); contactsList.add(contactDetails); } public void byteArrayBackToImage1(byte[] imageInByte){ try{ Random rand = new Random(); int numNoRange = rand.nextInt(); String number = String.valueOf(numNoRange); //convert byte array back to BufferedImage InputStream in = new ByteArrayInputStream(imageInByte); BufferedImage bImageFromConvert = ImageIO.read(in); System.out.println("bImageFromConvert : "+bImageFromConvert); /*ImageIO.write(bImageFromConvert, "jpg", new File("c:\\"+number+".jpg")); */ }catch (Exception e) { // TODO: handle exception }

I need to show the image in jsp as

eg: image.jpg image2.jpg

and by clicking image.jsp , i can download that image and save it to my pc

Please help

in response to I have a list of images from the db corresponding to a particular id , You need to uniquely identify image. — Jigar Joshi
– Jigar Joshi, Commented Mar 9, 2011 at 10:05

JB Nizet · Accepted Answer · 2011-03-09 09:40:00Z

The HTML you generate in your JSP must contain an img element with an src pointing to the URL of a servlet or action which will load the image from the database and send it to the ouput stream with the image/jpeg content type.

// in your HTML : <img src="/getImage.action?imageId=${id_of_the_image}"/> // in the servlet mapped to /getImage.action: // get the ID of the image from the request parameters String imageId = request.getParameter("imageId"); byte[] imageData = getImageFromDatabase(imageId); response.setContentType("image/jpeg"); response.getOutputStream().write(imageData);

All the browsers have a right-click - Save image as... menu item, so I wouldn't implement this in the app.

. I have a list of images when i call GetImagesFromDatabase..wat to do
@jennifer - Select the one you want to display from the list, and display it (as above). Alternatively add an <img> tag for each image.

Mohamed Saligh · Accepted Answer · 2011-03-09 09:37:12Z

JSP:

<div id="profileDiv" style="padding: 10px; border: solid 2px #D6D6D6;"> <img src="imageDisplayProcess.do?pKey=<c:out value="${staff.staffId}" />" width="117" height="160" onError="loadImage()" onAbort="loadImage()" /> </div>

Servlet //imageDisplayProcess

imgByt = imageClass.getPhotograph();//return blob... response.setContentType("image/jpg"); response.getOutputStream().write(imgByt); response.getOutputStream().flush(); response.getOutputStream().close();

Collectives™ on Stack Overflow

How to display an image in jsp?

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related