How to display images in JSP

Hi all,
I created a Jsp page and I stored my images in the dist-->images folder and by using the following code
<% String image = componentRequest.getWebResourcePath() + "/images/image.gif"; %>
<img src="<%=image%>">
I try to display the images in that page.
Yes I am successful in displaying one image.
But my problem here is to display more than two images which are present in that page.
Can any body help me regarding this.
Your help will be highly rewarded with points.
Regards,
Ramana.

Hi Ramana,
Set the image border to 1 and check atleast your borders get displayed. If it displays the border, then the problem may be with your image path.
Before deploying for each modification in your JSP, check the preview of the page using "Preview" tab.
Are you getting any exception?
Check your whole JSP page once again (check all the scriplets).
Regards,
Uma
Message was edited by: Uma Maheswari

Similar Messages

Display image in JSP Portlet

I create a JSP portlet. But The portlet can't display image(gif file, jpg file). I have modified the provider.xml and the following line is added:
<imageURL>URL_Path</imageURL>
But, the image still cannot be displayed.
How can I display image in JSP portlet?

Leo Cheung,
You could try the following :
1. Add a virtual directory path Alias 'imgf' in the Apache configuration file httpd.conf to load the image file. Add the following line under the alias section :
Alias /imgf/ "<your directory>\images/"
2. Place your gif/jpg files (eg., work.gif) in the images directory.
3. Use the IMG tag of HTML :
<IMG src="/imgf/work.gif" border=0 width=80 height=80> in the JSP file at the location where you need to display the image.
Hope this helps
Pushkala

How to display images and information

how to display images and information(e.g. like questions) on a jsp page that stored in a database

Look As far as i can see....
Utlimately every file could be expressed as a bytes buffer.
so say if you have a bean called Choice Bean which is expressed as
public class ChoiceBean{
 private String choiceid;
 private String choicedesc;
 private byte image[];
 public void setChoiceId(String choiceid){
 this.choiceid = choiceid;
 public String getChoiceId(){
 return this.choiceid;
 public void setChoiceDesc(String choicedesc){
 this.choicedesc = choicedesc;
 public String getChoiceDesc(){
 return this.choicedesc;
 public void setImage(byte image[]){
 this.image = image;
 public byte[] getImage(){
 return this.image;
}QuestionList.java:
===============
public class QuestionList{
 private List<ChoiceBean> choicelist;
 /*Other member variable declarations*/
 public List<ChoiceBean> getChoiceList(){
 /*Custom code where you may build the list by querying the DA layer*/
 return this.choicelist;
 public int search(String choiceid){
 int index = -1;
 for(int i =0 ; i < this.choicelist.size() ; i++){
 ChoiceBean cb = this.choicelist.get(i);
 if(cb.getChoiceId().equals(choiceid)){
 index = i;
 break;
 return index;
 /* Other member method declarations */
}and you are retreving List<ChoiceBean> from DB using your query & have created a session attribute / <jsp:useBean> named ChoiceList
NOTE: sometimes your application server can go out of bounds as you are consuming a lot of memory by creating an arraylist object.
use the following methodology to display images & choices
sample.jsp:
=========
<jsp:useBean id="QuestionList" class="com.qpa.dao.QuestionList" scope="session"/>
<TABLE>
<%
/* QuestionList.getChoiceList() is a method which fetches data from the DB & returns it in form of List<ChoiceBean> */
List<ChoiceBean> choicelist = QuestionList.getChoiceList();
for(int i =0 ; i < choicelist.size() ; i++){
%>
<TR>
<TD><%!=choicelist.get(i).getChoiceId()%></TD>

<TD><IMAGE src="ImageServlet?choiceid=<%!=choicelist.get(i).getChoiceId()%>"/> </TD>
<TD><%!=choicelist.get(i).getChoiceDesc()%></TD>
</TR>
<%
%>
</TABLE>
<%
 session.remove("QuestionList");
%>
NOTE: usage of JSTL or any other custom built tag-libraries makes life more simpler in the following case
ImageServlet.java:
===============
public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
 byte buffer[] = null;
 HttpSession session = request.getSession(false);
 /*getting the QuestionList from the session*/
 QuestionList ql = null;
 String choiceid = new String("");
 try{
 choiceid = request.getParameter("choiceid");
 /*getting the QuestionList from the session*/
 ql = (QuestionList) session.getAttribute("QuestionList");
 } catch(Exception exp){
 if(choiceid.equals("") == false && ql != null ){
 List<ChoiceBean> clist = QuestionList.getChoiceList();
 assuming that you have created a serach method which searches the entire choice list and would give you
 the index of that object which is being refered by unique choiceid and returns -1 if not found
 int index = QuestionList.search(choiceid);
 if(index != -1){
 ChoiceBean cb = clist.get(index);
 buffer = cb.getImage();
 if(buffer != null){
 // assuming that we have stored images in JPEG format only
 JPEGImageDecoder decoder = JPEGCodec.createJPEGDecoder(new ByteArrayInputStream(buffer));
 BufferedImage image =decoder.decodeAsBufferedImage();
 response.setContentType("image/jpeg");
 // Send back image
 ServletOutputStream sos = response.getOutputStream();
 JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(sos);
 encoder.encode(image);
 } else {
 response.setContentType("text/html");
 response.getWriter().println("Image data not found");
}However,i still feel there are few loopholes with this approach where Application Server can eat up a lot of heap space which may result in outofmemorybound exception.
Hope this might help :)
REGARDS,
RaHuL

How to display images on my internal isight?

Hi,
I just bought the new iMac 2 gig dual. Running on 10.5.2.
I wanted to know how to display images on my screen during a video conference chat without resorting to holding up a print out to the camera? I need something where I can switch from video mode to image mode and show a single image at a time if I need to. All that while still talking of coarse. If it isn't possible with my iSight software, can you point me to other software I can download and still use my built in cam?
I hope I was clear enough in asking this.
Thanks
Liban

Welcome to Apple Discussions, Liban
iChat can do what you want, but I do not know of any web-based video chat site that can.
Look for Help or Support information on the site you are using or ask the Webmaster if his site has the capability to do what you want.
EZ Jim
PowerBook 1.67 GHz w/Mac OS X (10.4.11) G5 DP 1.8 w/Mac OS X (10.5.2) External iSight

Display image on jsp page

I have to display image on jsp page with some text output. This image is already saved at a location parallel to web-inf and is generated dynamically using a servlet. I have used img tag html to display the image. Other outputs are taking their values from database.
First problem is that image will be taking time to display in comparision of other outouts from database. I have to refresh the page to get imageon my page.
Second is that if I save image in a folder parallel to web-inf in my project then it will not be displaying the image.
Can I use any jsp functionality to display image with other outputs from database. I have used "*include*". but it shows only that image and other outputs.

Best way is to use a servlet for this.
<img src="path/to/imageservlet?id=someidentifier">

<img src="path/to/imageservlet/someidentifier">In the servlet's doGet() just write code which gets an InputStream of the image (either directly generated, or just read from the local disk file system, if necessary with help of ServletContext#getRealPath(), or even from the DB by ResultSet#getBinaryStream()) and writes it to the OutputStream of the response. That's basically all. Don't forget to buffer the streams properly to speedup performance and to save memory.
You can find here a basic example: [http://balusc.blogspot.com/2007/04/imageservlet.html].

How to display PDF in JSP using Iframe

Hi All,
I am using Struts 2. I am building my file in ActionClass with seperate Method like getGeneratedPDF() in which, I am setting header of response and writing into PDF.
This method will be called from JSP by this way
s:property value="getGeneratedPDF()" />
But It displayed Junk Characters , and this PDF is not static (already Generated). It is generated and build on Fly.
I have 2 questions 1 -- How to display PDF in JSP in proper way without Junk Character in it?
questions 2 -- How to display it in Iframe?
Please help me , If you know the solution.
Thanks in Advance,
Jimmy

jamy_26 wrote:
But It displayed Junk Characters , and this PDF is not static (already Generated). It is generated and build on Fly.A PDF file is a binary file, not a text file, and you're trying to display it as String. Of course you would get "junk characters". Have you ever tried opening a binary file (pdf, doc, jpg, xls, etc) using a text editor like Notepad?
I have 2 questions 1 -- How to display PDF in JSP in proper way without Junk Character in it?Display it as binary stream, not as text stream. You can display it standalone, just let the link/form/addressbar URL point to some Servlet which writes the InputStream of the PDF file to the OutputStream of the response, along with a correct set of response headers (at least content-type, content-disposition and content-length), so that the browser can open it in the correct application (which is usually Acrobat Reader). If you want to embed the PDF file in a JSP, then one of the ways is indeed using the HTML <iframe> tag.
questions 2 -- How to display it in Iframe? Just let the iframe URL point to the aforementioned Servlet.
You can find here an example of a generic file servlet, you may find it useful to get the idea how to do it: [http://balusc.blogspot.com/2007/07/fileservlet.html].

How to display image?

Hi all,
How to display image from the database table in the adobe form by using web dynpro abap?
I want to display image in the adobe interactive form by using web dynpro abap.
Please help me.
Regards,
srini

Hi Srini,
If you go through the article you might have seen the following piece of code
*** Send the values back to the node
lo_el_z_if_test_cv->set_static_attributes(
EXPORTING
static_attributes = ls_z_if_test_cv ).
" here ls_z_if_test_cv has the image in XSTRING format which has beeen retrived using METHOD get_bds_graphic_as_bmp of CLASS cl_ssf_xsf_utilities
" In your case you need to just use the select query n fetch it from your table; ( provided your image is store in XSTRING format )
How is your image stored in your database table ?
Regards,
Radhika.

How to read bytes(image) from a server ?how to display image after read byt

How to read bytes(image) from a server ?how to display image after reading bytes?
i have tried coding tis , but i couldnt get the image to be display:
BufferedInputStream in1=new BufferedInputStream(kkSocket.getInputStream());
int length1;
byte [] data=new byte[1048576];
if((length1=in1.read(data))!=-1){
System.out.println("???");
}System.out.println("length "+length1);
Integer inter=new Integer(length1);
byte d=inter.byteValue();

didn't I tell you about using javax.imageio.ImageIO.read(InputStream) in another thread?

How to dynamically display images in JSPs

This took a little while to figure out so I thought I'd share. After
 doing some research I was led to the following approach on how to load
 images from an Oracle database into a JSP:
 The "main" JSP:
 <HTML>
 <head>
 <title>Image Test</title>
 </head>
 <body>
 <center>
 hello
 
 <img border=0 src="getImage.jsp?filename=2cents.GIF">
 
 <img border=0 src="getImage.jsp?filename=dollar.gif">
 
 world
 </body>
 </HTML>
 And this is the image getter:
 <% try {
 response.setContentType("image/gif");
 String filename = (String) request.getParameter("filename");
 java.sql.Connection conn =
 java.sql.DriverManager.getConnection("jdbc:weblogic:pool:orapool"); //
 connect to db
 java.sql.Statement stmt = conn.createStatement();
 String sql = "select image from testimage where filename = '" +
 filename + "'";
 java.sql.ResultSet rs = stmt.executeQuery(sql);
 if (rs.next()) {
 byte [] image = rs.getBytes(1);
 java.io.OutputStream os = response.getOutputStream();
 os.write(image);
 os.flush();
 os.close();
 conn.close();
 catch (Exception x) { System.out.println(x); }
 %>
 The thing to note is that there are no <%@ page import="..." %> or <%@
 page contentType="..." %> tags - just the single scriptlet. It
 seems that for every "<%@" the weblogic compiler sees it puts
 out.print("\r\n"); statements in the generated java source.(???) I
 don't know much about how browsers work but I think that once it sees
 flat ascii come at it it treats everything that follows as text/plain
 which is incorrect for the binary stream that's being sent. Another
 work around was to set out = null; but that's kind of ugly and might
 produce server errors. The real fix is to write a bean to handle images
 which I'll work on next (does anybody have any hints on how to do
 that?)
 -Erik.
 PS, thank you to the people that posted info in this group that helped
 me track down this problem. -


Erik,
 No need to write a bean, just write a serverlet...
 you can use this function (however you might want to include some
 improved error handeling)
 Oh, FYI to prevent caching by the browser you might want to pass a parameter
 into the creation of the image like timeseconds or (in my case) variable
 text which
 was included into the image produced. (You need not even use the variable in
 the code, the server is not bright enough to tell)
 <IMG SRC=".....MyImageProducer?file=my.jpeg&timesecs=12345134">
 Jay L. Toops
 public boolean httpJpegStreamWriter(BufferedImage ib, HttpServletResponse
 response) {
 try {
 javax.servlet.ServletOutputStream myout = response.getOutputStream();
 byte b[] = new byte[1024];
 response.setContentType("image/jpeg");
 //File file = new File("./myserver/public_html", "testjlt.jpg");
 //FileOutputStream fos = new FileOutputStream(file);
 ByteArrayOutputStream fos = new ByteArrayOutputStream();
 JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(fos);
 JPEGEncodeParam param = encoder.getDefaultJPEGEncodeParam(ib);
 param.setQuality(1.0f,false);
 encoder.setJPEGEncodeParam(param);
 encoder.encode(ib);
 b = fos.toByteArray();
 response.setContentLength(b.length);
 myout.write(b, 0, b.length);
 myout.flush();
 myout.close();
 } catch (Exception e) {
 System.out.println("MY httpJpegStreamWriter Exception\n is :"+
 e.toString());
 return(false);
 return(true);
 Erik Lindquist wrote:
 > This took a little while to figure out so I thought I'd share. After
 > doing some research I was led to the following approach on how to load
 > images from an Oracle database into a JSP:
 >
 > The "main" JSP:
 >
 > <HTML>
 > <head>
 > <title>Image Test</title>
 > </head>
 > <body>
 > <center>
 > hello
 > 
 > <img border=0 src="getImage.jsp?filename=2cents.GIF">
 > 
 > <img border=0 src="getImage.jsp?filename=dollar.gif">
 > 
 > world
 > </body>
 > </HTML>
 >
 > And this is the image getter:
 >
 > <% try {
 > response.setContentType("image/gif");
 > String filename = (String) request.getParameter("filename");
 > java.sql.Connection conn =
 > java.sql.DriverManager.getConnection("jdbc:weblogic:pool:orapool"); //
 > connect to db
 > java.sql.Statement stmt = conn.createStatement();
 > String sql = "select image from testimage where filename = '" +
 > filename + "'";
 > java.sql.ResultSet rs = stmt.executeQuery(sql);
 > if (rs.next()) {
 > byte [] image = rs.getBytes(1);
 > java.io.OutputStream os = response.getOutputStream();
 > os.write(image);
 > os.flush();
 > os.close();
 > }
 > conn.close();
 > }
 > catch (Exception x) { System.out.println(x); }
 > %>
 >
 > The thing to note is that there are no <%@ page import="..." %> or <%@
 > page contentType="..." %> tags - just the single scriptlet. It
 > seems that for every "<%@" the weblogic compiler sees it puts
 > out.print("\r\n"); statements in the generated java source.(???) I
 > don't know much about how browsers work but I think that once it sees
 > flat ascii come at it it treats everything that follows as text/plain
 > which is incorrect for the binary stream that's being sent. Another
 > work around was to set out = null; but that's kind of ugly and might
 > produce server errors. The real fix is to write a bean to handle images
 > which I'll work on next (does anybody have any hints on how to do
 > that?)
 >
 > -Erik.
 >
 > PS, thank you to the people that posted info in this group that helped
 > me track down this problem. -

How to display images on local disk(outside of WebContent of WAR) in jsp?

In a web application, I want to display images on local disk(outside of WebContent of WAR) in jsp. I couldn't put it in "WebContent/images/" because the images are portraits of users and they could be changed dynamically. If I put images in "WebContent/images/", I have to transfer the images back and forth every time when I update my WAR file.
Obviously, in jsp, something like
"<img src="/home/username/images/local/PRTR.jpg" />"
doesn't work.
Is it durable to store the images at somewhere else like "/home/username/images/local/" in the server's local disk?

Hi aiGrace,
You have to transform your file path into the appropriate URL, this way :
try {
 File file = new File("D:/Test/MyPic.jpg");
 System.out.println(file.toURI().toURL());
} catch (MalformedURLException ex) {
 ex.printStackTrace();
}Then, you insert the URL in your img tag.

How to show images in jsp dynamic

Hi all,
I am beginner in web technology and am faced with some prob. I have a form in which user enters his unique id....n submits...then web server call ejb which fetches data for that unique id from DB and does some operation and also fetch photograph which i need to display in my response jsp along with data....this photograph is different for each ID and i want to know how to display this image , i dont want to use applet.....i need good response time..and i have lot of hits per second on my site....i was planning to have separate frame wherein image will be loaded and use AJAX for the same but i do believe their mite be some other simple method for the same please suggest.....
Regards,
beginner83.

I am not great at UI, but see if this thread is of any help:
http://saloon.javaranch.com/cgi-bin/ubb/ultimatebb.cgi?ubb=get_topic&f=20&t=007725

Problem in displaying image on jsp page

I want to display an image on jsp page.I copied the image the image in WebContent folder.
I am able to see the image on the design pane when using the following code:-
<img src="/image.gif" height="50" width="50"> but when i run it in the browser nothing gets diplsyed.
also when i use the image container and select the source option that image is not displayed in the WebContents file..plz help.

Hi,
Seems that the Problem is there with the way how you specifuied the Image relative Path:
You have specified the below: The opath of image starts with (/) forward slash:
*<img src="/image.gif" height="50" width="50">*
It means to access this Image WebLogic Container will form a Path like this:
http://localhost:7001/image.gif
BUT may be the image is available inside your Context root: So Change the <Img> tag like following in your JSP:
*<img src="image.gif" height="50" width="50">*
(*NOTE:* Never Start your src path with a Preceesing /)
Now WLE will consider the path like below ..if your Applications Context root is "TestApp"
http://localhost:7001/TestApp/image.gif
I am Assuming that Inside the TestApp Application "image.gif" And "your.jsp" jSP pages are Co-Located (Means available in the Same Directory).
Thanks
Jay SenSharma
http://jaysensharma.wordpress.com (WebLogic Magical Stuff)

How to display image using from open dialog box?

I've developed a program that can display image by named the file that I want to display in my program.
But how can I display an image from an Open Dialog Box?
I attch here with my program.
import java.io.*;
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import javax.swing.event.*;
import javax.swing.filechooser.*;
public class SuDisplayTool6 extends JFrame implements InternalFrameListener,ActionListener
JTextArea display1;
JDesktopPane desktop;
JInternalFrame displayWindow;
JInternalFrame listenedToWindow;
static final String SHOW = "Show Image";
static final int desktopWidth = 800;
static final int desktopHeight = 600;
private static final int kControlX = 88 ;
private DrawingPanel panel;
public SuDisplayTool6(String title)
super("Internal Frame");
desktop = new JDesktopPane();
desktop.putClientProperty("JDesktopPane.dragMode","outline");
desktop.setPreferredSize(new Dimension(desktopWidth, desktopHeight));
setContentPane(desktop);
addMenu();
createDisplayWindow();
desktop.add(displayWindow);
Dimension displaySize = displayWindow.getSize();
displayWindow.setSize(desktopWidth, displaySize.height);
protected void createDisplayWindow()
JButton b1 = new JButton("Show Image");
b1.setActionCommand(SHOW);
b1.addActionListener(this);
display1 = new JTextArea(3,30);
display1.setEditable(false);
JScrollPane textScroller = new JScrollPane(display1);
textScroller.setPreferredSize(new Dimension(200,75));
textScroller.setMinimumSize(new Dimension(10,10));
displayWindow = new JInternalFrame("Header Graph",true,false,true,true);
JPanel contentPane = new JPanel();
contentPane.setBorder(BorderFactory.createEmptyBorder(10,10,10,10));
contentPane.setLayout(new BoxLayout(contentPane, BoxLayout.Y_AXIS));
contentPane.add(Box.createRigidArea(new Dimension(0,5)));
contentPane.add(textScroller);
b1.setAlignmentX(CENTER_ALIGNMENT);
contentPane.add(b1);
displayWindow.setContentPane(contentPane);
displayWindow.pack();
displayWindow.show();
protected void createListenedToWindow()
listenedToWindow = new JInternalFrame("Image",true,true,true,true);
listenedToWindow.setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE);
listenedToWindow.setSize(800,450);
panel = new DrawingPanel();
listenedToWindow.setContentPane(panel);
public void internalFrameClosing(InternalFrameEvent e)
public void internalFrameClosed(InternalFrameEvent e)
listenedToWindow = null;
public void internalFrameOpened(InternalFrameEvent e)
public void internalFrameIconified(InternalFrameEvent e)
public void internalFrameDeiconified(InternalFrameEvent e)
public void internalFrameActivated(InternalFrameEvent e)
public void internalFrameDeactivated(InternalFrameEvent e)
public void actionPerformed(ActionEvent e)
if (e.getActionCommand().equals(SHOW))
if (listenedToWindow == null)
createListenedToWindow();
listenedToWindow.addInternalFrameListener(this);
desktop.add(listenedToWindow);
listenedToWindow.setLocation(desktopWidth/2 - listenedToWindow.getWidth()/2,
desktopHeight - listenedToWindow.getHeight());
listenedToWindow.show();
else
public static void main(String[] args)
JFrame frame = new SuDisplayTool6("Su Display Tool");
frame.addWindowListener(new WindowAdapter()
public void windowClosing(WindowEvent e)
System.exit(0);
frame.pack();
frame.setVisible(true);
private void addMenu()
JMenuBar menuBar;
JMenu menu, submenu;
JMenuItem menuItem;
final JFileChooser fc = new JFileChooser();
fc.addChoosableFileFilter(new ImageFilter());
menuBar = new JMenuBar();
setJMenuBar(menuBar);
menu = new JMenu("File");
menuBar.add(menu);
menuItem = new JMenuItem("Open...");
menu.add(menuItem).addActionListener(new ActionListener()
public void actionPerformed(ActionEvent e)
int returnVal = fc.showOpenDialog(SuDisplayTool6.this);
menuItem = new JMenuItem("Save");
menu.add(menuItem);
menuItem = new JMenuItem("Save As...");
menu.add(menuItem).addActionListener(new ActionListener()
public void actionPerformed(ActionEvent e)
int returnVal = fc.showSaveDialog(SuDisplayTool6.this);
menuItem = new JMenuItem("Close");
menu.add(menuItem);
menu.addSeparator();
menuItem = new JMenuItem("Exit");
menu.add(menuItem).addActionListener(new WindowHandler());
menu = new JMenu("Edit");
menuBar.add(menu);
menu = new JMenu("View");
menuBar.add(menu);
menuItem = new JMenuItem("Zoom In");
menu.add(menuItem);
menuItem = new JMenuItem("Zoom Out");
menu.add(menuItem);
menu.addSeparator();
submenu = new JMenu("Header");
menuItem = new JMenuItem("CDPX");
submenu.add(menuItem);
menuItem = new JMenuItem("SX");
submenu.add(menuItem);
menuItem = new JMenuItem("CX");
submenu.add(menuItem);
menu.add(submenu);
menu = new JMenu("Help");
menuBar.add(menu);
menuItem = new JMenuItem("About");
menu.add(menuItem).addActionListener(new WindowHandler());
private class WindowHandler extends WindowAdapter implements ActionListener
public void windowClosing(WindowEvent e)
System.exit(0);
public void actionPerformed(ActionEvent e)
if(e.getActionCommand().equalsIgnoreCase("exit"))
System.exit(0);
else if(e.getActionCommand().equalsIgnoreCase("About"))
JOptionPane.showMessageDialog(null,"This program is written by Nenny Ruthfalydia.","About",JOptionPane.PLAIN_MESSAGE);
class DrawingPanel extends Panel
final ImageIcon imageIcon = new ImageIcon("image8.jpg");
Image image = imageIcon.getImage();
public void paint (Graphics g)
g.drawImage(image, 10, 10, this);

so much wrong with this post...
a) use the code tags to format the code. Now it is an unreadable mess
b) scriptlets in your JSP. I don't even want to look at that mess. Learn how to combine servlets and JSPs to create clean, readable and maintainable code in which view logic and business logic are separated. The rule: no java code in your JSP, only tags and EL expressions (learn about JSTL).
So you get a blank screen. When you do "view source" in your browser, do you see anything there? If nothing, check if you are behind a proxy server. The solution to a post of not too long ago was that the blank screen was being caused by faulty proxy server settings (the user figured it out himself, I don't know what was done to solve it).
If all this fails you will have to do some debugging magic using your favorite IDE. It will probably be something stupid you are overlooking in the code. It is annoying, but debugging code that does not work is a big part of your job. Better get good at it.

Displaying Image In JSP for Mozilla Browser

Hai all
How to display the .gif image in JSP file using Mozilla browser

do you really think you give enougth information???
the answer to your question is using the html tag <img src='image_url'>

How to upload image using JSP

hi,
i am confronting a problem how to upload image from local PC to web server . I am using Tomcat 4.0
please help me by sending code
thanks

Hi,
Here is the solution for uploading images and displaying images. I am using struts with JSP, so this code has a Action and ActionForm class. You can put the same code in Java Beans or Servlet class to run it. This code has two JSP files - one for Upload (upload.jsp)and other for Image(image.jsp) display. It has a Servlet also to display the image. Here is the code file wise.
Upload.jsp **********************************************************
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="/WEB-INF/struts-template.tld" prefix="template" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<html:html>
<head>
<title>New Page 1</title>
</head>
<body>
<html:form action="uploadAction.do" enctype="multipart/form-data" method="POST">
File to upload
<html:file property="fileUpload" size="20"/>
<html:submit value="Upload" property="upload"/>
 
<html:img src="image.jsp"/>
 
</html:form>
</body>
</html:html>
Image.jsp*****************************************************************
<jsp:useBean id="upload" class="uploadtest.uploadActionForm" scope="session">
</jsp:useBean>
<%
 byte[] rgb=(byte[])session.getAttribute("byte");
 request.setAttribute("byArr", rgb);
%>

Image is
<jsp:forward page="/showimage" />
Struts Action Class - UploadAction.java **************************************************
import javax.servlet.http.*;
import java.io.*;
import org.apache.struts.upload.FormFile;
import org.apache.struts.action.*;
public class uploadAction extends Action {
public ActionForward execute(ActionMapping actionMapping, ActionForm actionForm, HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) {
uploadActionForm upload = (uploadActionForm) actionForm;
try {
int size=upload.getFileUpload().getFileSize();
//if (image != null) {
byte[] byteArr = new byte[size];
//Create an input stream to read the uploaded file.
ByteArrayInputStream bytein = new ByteArrayInputStream(upload.getFileUpload().getFileData());
// Load the input stream into the byte Array.
bytein.read(byteArr);
// Close the input stream.
bytein.close();
// Load the byte[] into the content field.
upload.setContent(byteArr);
HttpSession ses=httpServletRequest.getSession();
ses.setAttribute("byte",byteArr);
return actionMapping.findForward("success");
} catch (Exception ex) {
ex.printStackTrace();
return actionMapping.findForward("success");
Struts ActionForm class ---uploadActionForm.java***************************************************
package uploadtest;
import org.apache.struts.action.*;
import org.apache.struts.upload.*;
import javax.servlet.http.*;
public class uploadActionForm extends ActionForm {
private FormFile fileUpload;
private byte[] content;
public FormFile getFileUpload() {
return fileUpload;
public void setFileUpload(FormFile fileUpload) {
this.fileUpload = fileUpload;
public byte[] getContent()
return content;
public void setContent(byte[] theFile)
this.content = theFile;
public ActionErrors validate(ActionMapping actionMapping, HttpServletRequest httpServletRequest) {
/**@todo: finish this method, this is just the skeleton.*/
return null;
public void reset(ActionMapping actionMapping, HttpServletRequest httpServletRequest) {
Servlet to display image --- ShowImage.java ********************************************************
import java.io.*;
import java.util.*;
public class ShowImage extends HttpServlet {
//Initialize global variables
protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
byte[] rgb = (byte[]) request.getAttribute("byArr");
if (rgb != null)
response.setContentType("image/gif");
OutputStream stream = response.getOutputStream();
stream.write(rgb);
else
response.setContentType("text");
response.getWriter().write("attribute byArr not found");
This code will enable to to upload and display the image. If you know Struts, then you can write the Struts-Config.xml file by yourself. Other wise write to me, I will send you that. If you want to save the image in database, then you have to keep it as BLOB datatype is database. For database you need to send the byte array in the uploadAction.java file to database. Database will keep the image as binary.
Thanks
Amit

How to display images in JSP

Similar Messages

Maybe you are looking for