Displaying a dynamic image in a jsp

I am interested in the way of dynamically generating an image in a web browser. The image should be formed on the servlet, more precisely with the aid of a servlet, and reloaded in the web browser every time it suffers modifications (for example, elements are drawn). The drawing and displaying part is already functioning not as a server application, but as a desktop one. The result of the drawing actions are displayed in a Bufferd Image view. What I have to do is to display this image in the browser, encoded as a gif (I already know how to do the encoding part).
//code from TheServlet.java
ImageViewPort view = new ImageViewPort(600, 600); // BufferedImage type
Image image = view;
g = image.getGraphics();
response.setContentType("image/gif");
GifEncoder encoder = new GifEncoder(image, out);
encoder.encode();
How would I correctly reference in the HTML form this servlet? In the HTML form I have to display the dynamically created GIF image as a server side image map?
// code from the HTML form
<img WIDTH=600 HEIGHT=600 BORDER="2" src="http://localhost:8080/servlet/TheServlet");
ISMAP/>
How should be written the source of these image map?

you can use AJAX for this.. google maps is using ajax for rendering their maps..

Similar Messages

How to display a dynamic image file from url?

Hey,I want to display a dynamic image file from url in applet.For example,a jpg file which from one video camera server,store one frame pictur for ever.My java file looks like here:
//PlayJpg.java:
import java.awt.*;
import java.applet.*;
import java.net.*;
public class PlayJpg extends Applet implements Runnable {
public static void main(String args[]) {
Frame F=new Frame("My Applet/Application Window");
F.setSize(480, 240);
PlayJpg A = new PlayJpg();
F.add(A);
A.start(); // Web browser calls start() automatically
// A.init(); - we skip calling it this time
// because it contains only Applet specific tasks.
F.setVisible(true);
Thread count = null;
String urlStr = null;
int sleepTime = 0;
Image image = null;
// called only for an applet - unless called explicitely by an appliaction
public void init() {
               sleepTime = Integer.parseInt(getParameter("refreshTime"));
          urlStr = getParameter("jpgFile");
// called only for an applet - unless called explicitely by an appliaction
public void start() {
count=(new Thread(this));
count.start();
// called only for applet when the browser leaves the web page
public void stop() {
count=null;
public void paint(Graphics g) {
try{
URL location=new URL(urlStr);
image = getToolkit().getImage(location);
}catch (MalformedURLException mue) {
               showStatus (mue.toString());
          }catch(Exception e){
          System.out.println("Sorry. System Caught Exception in paint().");
          System.out.println("e.getMessage():" + e.getMessage());
          System.out.println("e.toString():" + e.toString());
          System.out.println("e.printStackTrace():" );
          e.printStackTrace();
if (image!=null) g.drawImage(image,1,1,320,240,this);
// called each time the display needs to be repainted
public void run() {
while (count==Thread.currentThread()) {
try {
Thread.currentThread().sleep(sleepTime*1000);
} catch(Exception e) {}
repaint(); // forces update of the screen
// end of PlayJpg.java
My Html file looks like here:
<html>
<applet code="PlayJpg.class" width=320 height=240>
<param name=jpgFile value="http://Localhost/playjpg/snapshot0.jpg">
<param name=refreshTime value="1">
</applet>
</html>
I only get the first frame picture for ever by my html.But the jpg file is dynamic.
Why?
Can you help me?
Thanks.
Joe

Hi,
Add this line inside your run() method, right before your call to repaint():
if (image != null) {image.flush();}Hope this helps,
Kurt.

Not able to display a dynamic image

I'm not able to display a dynamic image on Adobe print form.
Here is what I did.
Please let me know what I need to do to get this working...
1. Created a Graphics node in the Context of the Adobe form.
2. In the URL tab of the graphics node defined the following two lines:
     <URL pointing to the MIME repository folder>
     IM_FILENAME_1
     Where IM_FILENAME_1 is being passed to the Adobeform function module.
3. In the Layout mode, dragged and dropped the Graphics node from the
    contenxt tab to the form layout. On doing so it appears as a image field in the form layout.
4. Activated the form.
BUT, when I run the form , the image is not showing up.
The idea is to pass the image file name to the form so that it will show up a dynamic image at run time.
PLEASE HELP.

Hi Atul,
Try this, that should work.
In the interface , define a parameter type string where you will store the URL of the image .
In the initialization part of the interface , check if the URL is defined, in case it's empty define a default URL . You should put the compelte URL of the image like "http://www.company.org:8080/logo.logo.jpg" .
Then link this parameter to the Grpahic Node in the URL parameters .
Let me know if that works

Dynamic Image rendering on JSP page

Hi All!
I want to display images on my JSP page. However, the images should be generated dynamically (As are used by many sites during the registration process e.g., yahoo, etc..) How can i achieve this?
plz help! Its urgent!

Yes, but your in the wrong forum for this.
Use the search bar to look for posts and have a look in
http://forum.java.sun.com/forum.jspa?forumID=5
There are forums on Multimedia which may also have some information.

HOWTO: Display a custom image on a jsp page

You need 4 files.
1. a jsp page (index.jsp)
2. A servlet (myPackage.ImageMaker)
3. A supplier class (myPackage.PluggableSupplier)
4. web.xml (your IDE should supply this)
From the jsp page you're calling the servlet with an <img> tag, and passing it some parameters.
The servlet obtains a BufferedImage from a pluggable supplier class, and returns with an image (png).
The image is displayed on the jsp page. Hope this helps!
================================================================================================
Here's the .jsp file (index.jsp)
<!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=UTF-8">
        <title>Image page</title>
    </head>
    <body>
    <h1>Your image:</h1>
    <img src="ImageMaker?Param1=Hello world&Param2=Hello again" />
    </body>
</html>================================================================================================
Here's the servlet (ImageMaker.java):
package myPackage;
import java.awt.Color;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.*;
import javax.imageio.ImageIO;
import javax.servlet.*;
import javax.servlet.http.*;
public class ImageMaker extends HttpServlet {
    protected void processRequest(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
        System.out.println("called");
        //Prevent chacing of the image as it's probably intended to be 'dynamic'
        response.addDateHeader("Expires", 795294400000L); //<--long ago
        response.addHeader("Cache-Control", "no-store, no-cache, must-revalidate, post-check=0, pre-check=0");
        response.addHeader("Pragma", "no-cache");
        //set mime type and get output stream
        response.setContentType("image/png");
        OutputStream out = response.getOutputStream();
        //catch incoming parameters, as many or few as you want
        String parameter1 = request.getParameter("Param1");
        String parameter2 = request.getParameter("Param2");
        //fetch the buffered image
        int width = 100;
        int height = 50;
        PluggableSupplier ps = new PluggableSupplier(width, height);
        BufferedImage buf = ps.fetchBI(parameter1);
        /***You can now draw on the original image if you want to add a watermark or label or whatever*********/
        Graphics g = buf.getGraphics();
        g.setColor(Color.BLACK);
        g.drawString(parameter2, 5, 30);
        try {
            System.out.println("writing...");
            ImageIO.write(buf, "png", out);
        } catch(IOException ioe) {
            System.err.println("Error writing image file: " + ioe);
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
        processRequest(request, response);
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
        processRequest(request, response);
}================================================================================================
This is the class that supplies your image (PluggableSupplier.java):
package myPackage;
import java.awt.Color;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
public class PluggableSupplier {
    BufferedImage buf = null;
    Graphics2D g2d = null;
    int width = 50;
    int height = 50;
    public PluggableSupplier(int w, int h) {
        if ((w+h)>2) {
            this.width = w;
            this.height = h;
        buf = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
        g2d = buf.createGraphics();
    public BufferedImage fetchBI(String parameter1) {
        if (g2d != null) {
            g2d.setColor(Color.RED);
            g2d.fillRect(0, 0, width, height);
            g2d.setColor(Color.WHITE);
            g2d.drawString(parameter1, 5, 15);
        return buf;
}================================================================================================
finally, your web.xml should look like this:
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
    <servlet>
        <servlet-name>ImageMaker</servlet-name>
        <servlet-class>myPackage.ImageMaker</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>ImageMaker</servlet-name>
        <url-pattern>/ImageMaker</url-pattern>
    </servlet-mapping>
    <session-config>
        <session-timeout>
            30
        </session-timeout>
    </session-config>
    <welcome-file-list>
     <welcome-file>
            index.jsp
        </welcome-file>
    </welcome-file-list>
</web-app>null

Another trick I learned (the hard way ;))...it's a good idea to buffer the output before responding. Add the following code to the servlet, in the case of the provided example, where all the other response-related stuff are done:
response.setBufferSize(yourBufferSize);It's a good idea to try and calculate the buffer size as accurately as possible.

Displaying a dynamic image using a PDF file.

I am trying to find a way to display an image dynamically in my report. The image happens to be .pdf I have Crystal Reports XI and I have the graphic location formula completed "
10.93.138.250\Production\ProdOut\00\" & {Order_Record.URN_text} + "_p1.pdf" however it tells me PDF is not supported. Is there a way around this?

I have to agreed that what you are saying appears to be true from my attempts at getting .pdf files to work dynamically. Using .bmp and .jpg files seems to work just fine but not .pdf, .xls, or .doc.
In the Users Guide, in chapter 16, in the section titled "Working with static OLE objects" - it only talks about the picture type formats you mentioned and metafiles. Later in this section is where it explains how to make a static OLE object dynamic.
While it doesn't specifically say it won't work for other types - it sure doesn't seem to. I see no reason why this should be true however! Certainly Crystal appears to be set up to allow this and the fact that the objects are not images shouldn't matter. Why is there a picture tab and a conditional formula button next to the graphic location label on the object if it can't be used?
I'm trying to do something similiar to Carey. I have maps to customers in a customer list and they are in .pdf files. The location of the map is stored in the database. I'm putting together a report of service calls and I want to print the map with each call. It looks like I'll have to convert several thousand .pdf files to .jpg - that should be fun!
Any chance this limitation will be eliminated sometime soon...
Edited by: Randy Walter on Oct 2, 2008 6:40 PM

Dynamic images in JSP

Hi!
I would like to generate dynamic images in a JSP which I would like do an "include" in other JSPs across the site. The reason for this is we show many emails/ phone numbers on various pages and with the prevalence of spiders/ robots, it would be better to not have it as HTML text. I saw a couple of sites displaying them as images but they were PHP and ASP.Net sites. Any suggestions?
Thanks!!

Well... You could simply create 1 image per letter/number (this is done within a few minutes) and then code a function, which seperates the given string into chars and then creates HTML-code with the pictures.
There is an easier way, sure. But I don't know him :P. You know "Captchas"? The Codes you have to enter all over the internet to verify yourself as human and not as bot? If you google about ths code uses to create Captchas, you should be happy :)
X--spYro--X

Dynamic Image Displays Blank When Using In Visual Studio Project

I am trying to simply display a dynamic image in a report. I am using Crystal Reports XI Release 2.
I have two different environments: Local via Progress where reports are called using Crystal Viewer ActiveX, and over the web where reports are called from Open Laszlo and Visual Studio project.
The image is set to a blank image as default, and Graphic Location Forumla loads the image from the database (site.logo_location + site.logo_filename) which results in an image http:
www.vetinfo3.com\a.jpg.
When I run the reports locally using the ActiveX control, it works just fine and displays the image.
When I run over the web using OpenLaszlo, it displays a blank.
Troubleshooting
We are using Visual Studio 2005, which is bundled with an older version of Crystal that doesn't support dynamic images.
To address this, I loaded Crystal XI Release 2, which updated the version in Visual Studio and enabled the Graphic Location formula field on the dev machine.
I verified the Graphic Location field was set correctly.
This caused a Version error, so we loaded cr_net_2005_mm_mlb_x86.zip on server and specified the Version in web.Config.
No errors now, but when I build and publish the code, the image still displays as blank.
            From Fiddler
               GET http://www.vetinfo3.com/mdsol1/CrystalImageHandler.aspx?dynamicimage=cr_tmp_image_c5d6a923-293b-4f1e-8739-4e698f83b087.png
               Creates C:\Documents and Settings\Curtis\Local Settings\Temporary Internet Files\Content.IE5\PWRUX2XW\CrystalImageHandler[1].png
               Blank Image
According to issues within Visual Studio, they say the fix to this is to add the <httpHandler> in web.Config, but it is already there; added when we add the viewer to the project:
In web.Config I have some questions about this line:
    <httpHandlers>
      <add verb="GET" path="CrystalImageHandler.aspx" type="CrystalDecisions.Web.CrystalImageHandler, CrystalDecisions.Web, Version=11.5.3700.0, Culture=neutral, PublicKeyToken=692fbea5521e1304"/>
    </httpHandlers>
There are more service packs for Crystal XI Release 2:
crXIr2sp2_net_server_install.zip
crXIr2sp3_net_server_install.zip
crXIr2sp4_net_server_install.zip
I have not loaded these yet, but the readme files do not indicate they fix any dynamic image issues.
I am out of ideas on this; does anyone have any ideas?

What about if you take OpenLaszlo out of the picture? E.g.; use one of our samples from here;
https://wiki.sdn.sap.com/wiki/display/BOBJ/CrystalReportsfor.NETSDK+Samples
I'd recommend vbnet_web_simplepreviewreport
Also, see [this|https://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/a0437ea8-97d2-2b10-2795-c202a76a5e80] article.
Ludek
Follow us on Twitter http://twitter.com/SAPCRNetSup

Displaying a image in a JSP

I want to display a jpg image in a jsp I have added the line
<img src = img/backImage.jpg>
Into the body of my jsp page.
I have placed the backImage.jpg into a folder called img which is in the WEB-INF folder.
When I run the application the picture does not display.
Do I have to configure the application to find the folder?
Full code is below.
Thanks
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!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=UTF-8">
        <title>JSP Pageeee</title>
    </head>
    <body>
        <img src="img\backImage.jpg" alt="Angry face" />
    </body>
</html>

The WEB-INF folder is not the root of your web application - the parent directory is. Move the img folder up one level to be a sibling of WEB-INF.
<img src="img\backImage.jpg" alt="Angry face" />and the web isn't Windows - your backslash won't work well.

How to display servlet dynamically generated image ?

Hi,
How to display servlet dynamically generated image ?
I have a servlet generating a buffered image in the doGet. I want to display the image in a jsp page with other information. I'm not able to get it properly displayed.
**Try n# 1 **************************************************************
This displays my image but nothing elle :
ServletOutputStream sos = pResponse.getOutputStream();
JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(sos);
encoder.encode(img);
**Try n# 2 ****************************************************************
I tried also :
In the servlet :
     request.setAttribute("renderedImage", img);
and in the jsp page :
     BufferedImage image = (BufferedImage) request.getAttribute("renderedImage");
     <img src="<%=ImageIO.write(image,"jpeg",response.getOutputStream())%>" width="300" height="280"/>
This last try draws big crap in the jsp page, thank you in advance.
Nelson

Call another servlet from the IMG tag. Have the servlet stream out the image using ImageIO (instead of writing HTML).

Dynamic image is not being displayed in Adobe Reader 8.1

Hi,
In interactive form, we have followed below required steps to show a dynamic image.
For the left image, drag and drop an Image Field element from the standard Library tab to the Body Pages pane. Select this image field and edit the following properties:
Click on the Layout tab and choose None for the Caption position.
Click on the Object, then the Binding tab and choose None for Default Binding.
Click on the Field tab, enter $record.SapOnlineShopUrl for the URL entry, and select Use Image Size for the Sizing field.
Click on the script editor and enter the following FormCalc script statement, which enables the dynamic integration of the image. Show: initialize Script: this.value.image.href = xfa.resolveNode(this.value.image.href).value;
Language: FormCalc Run At: Client
Image is displayed properly in Adobe reader 7.1 but it's not being displayed in Adobe reader 8.1.
I was going through some forums and understand that Adobe 8.1 blocks href URL. If this is indeed true, what's the alternative way to show a dynamic image?
Regards
Chandra
Edited by: Chandrashekhar Singh on Apr 24, 2008 7:28 AM

Soory, I thought its static image....
Regards,
Vaibhav Tiwari.
Edited by: Vaibhav Tiwari on Apr 24, 2008 11:45 AM

Display byte array image or ole object in Section through dynamic code?

To Start I am a Complete Newbe to Crystal Reports. I have taken over a project originally written in VS2003 asp.net using SQL Server 2005 and older version of Crytal Reports. I have moved project to VS2010 and Cryatal Reports 10 still using SQL Server 2005. Have multiple reports (14 to be exact) that display data currently being pulled from database suing a dataset, each report has from 4 to 14 Sections. I have modified database table with two new fields. Field1 contains string data with full path to a scanned document (pdf or jpeg). Field2 holds a byte array of the actual image of the scanned document. I have tested the database and it does infact contain the byte array and can display the image via VB.net code. I can make the report display the scanned image using ole object.
Now my real question: I need to add a new Section and it should display either the byte array of the scanned image or the actual scanned image (pdf or jpeg) . How can I have it do either of these options via code dynamicly while application is running?

First; only CRVS2010 is supported on VS2010. You can download CRVS2010 from here;
SAP Crystal Reports, developer version for Microsoft Visual Studio: Updates & Runtime Downloads
Developer Help files are here:
Report Application Server .NET API Guide http://help.sap.com/businessobject/product_guides/sapCRVS2010/en/xi4_rassdk_net_api_en.zip
Report Application Server .NET SDK Developer Guide http://help.sap.com/businessobject/product_guides/sapCRVS2010/en/xi4_rassdk_net_dg_en.zip
SAP Crystal Reports .NET API Guide http://help.sap.com/businessobject/product_guides/sapCRVS2010/en/crnet_api_2010_en.zip
SAP Crystal Reports .NET SDK Developer Guide http://help.sap.com/businessobject/product_guides/sapCRVS2010/en/crnet_dg_2010_en.zip
To add the images, you have a number of options re. how to. You even have two SDKs that y ou can use (RAS and CR).
Perhaps the best place to start is with KB [1296803 - How to add an image to a report using the Crystal Reports .NET InProc RAS SDK|http://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/oss_notes_boj/sdn_oss_boj_bi/sap(bD1lbiZjPTAwMQ==)/bc/bsp/spn/scn_bosap/notes%7B6163636573733d36393736354636443646363436353344333933393338323636393736354637333631373036453646373436353733354636453735364436323635373233443330333033303331333233393336333833303333%7D.do]. The KB describes how to add images to a report using the InProc RAS SDK, but also references other KBs that use CR SDK.
Also, don't forget to use the search box in the top right corner of this web page.
Ludek
Follow us on Twitter http://twitter.com/SAPCRNetSup
Got Enhancement ideas? Try the [SAP Idea Place|https://ideas.sap.com/community/products_and_solutions/crystalreports]

Dynamic images display issues in FF and Opera

Dreamweaver 8
http://daylily.net/polytepals/results.asp?CultivarName=Carolina%20Octopus
Can someone please help me correct the following problem. The
dynamic image
on this page displays properly in Explorer but it will not
display in Opera
or Firefox. It works correctly in Netscape when Netscape is
set to display
as Explorer.
This is affecting all my dynamic images.
Thank you,
Bobby

<img src="\polytepals\PolyPhoto\carolina_octopus.jpg">
there are no backslashes in urls.
<img src="/polytepals/PolyPhoto/carolina_octopus.jpg">
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Dynamic image displays depending on yes / no value

Dynamic image displays depending on yes / no value
I´d like to have a image showing, depending on a specific value (y/n)
..sorry need some help.
I can´t get it workin.....
<img <?php $status="n";
if ($status == "y") {
echo 'src="stecker_on.png" alt="yes"';
} else {
echo 'src="stecker_off.png" alt="no"';
} ?> height="71" width="101" />
The image ist not showing... ideas ?
All I get ist some text showing:
height="71" width="101" />
MANY THANKS !!!!

Presumably you mean this -
http://mediaconsults.de/1test/steckertest.php
And it's not clear what that is going to show me. Looking at the code on the page -
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">

</script>
</head>
<body background="test%20png.png">
<div id="Layer1" style="position:absolute; left:1290px; top:246px; width:95px; height:112px; z-index:1"><img src="stecker_off.png" alt="no"height="101" width="71" /></div>
</body>
</html>
I would advise you the following:
1. Put a valid and complete doctype on that page!
2. Get rid of the resize if NN4 javascript - it hasn't been needed for nearly a decade.
3. Fix your image code (note the missing space after "no"!
4. 1290px is way too wide unless you want lots of people scrolling right to see things.

Displaying Image on th JSP page

Hello All,
I am using following code to display the image on the JSP page in my iView
<% String PublicURL = componentRequest.getPublicResourcePath()+ "/images/Image1.gif" ; %>
<hbj:image id="Logo" width="70" height="35"
src="<%= PublicURL %>"
alt= "picture Ericsson.gif" />
Am I missing anything. I am still not able to display the image.
Regards,
Sanjeev

change
componentRequest.getPublicResourcePath()
to
componentRequest.getWebResourcePath()

Displaying a dynamic image in a jsp

Similar Messages

Maybe you are looking for