Only display image if filename in database

Hi,
I'm trying to write the code to only display an image if
there is a file name in the database for the image (i.e. if there
is no image for the item, no image tags are written to the page
etc)
Heres what I have:
<code>
<%
Dim bookImage
bookImage = (rsBooks.Fields.Item("book_imageURL").Value)
If bookImage > 1 then
Response.Write("<img
src='i/bookCovers/<%=bookImage%>'/>")
Else
End If
%>
</code>
I'm getting the following error:
Unterminated string constant
/index.asp, line 197
Response.Write("<img src='i/bookCovers/<%=bookImage
---------------------------------------------------^
I can't figure the problem.
Appreciate any advice.

Thanks for your repsonse, that worked perfectly.
I'm now in trouble with the same thing, I can't figure out
what"s what !:
<%
Dim spanishReview
spanishReview =
(rsBooks.Fields.Item("book_spanish_title").Value)
If spanishReview > "" then
Response.Write("<A HREF='ReviewSpanish.asp?<%=
Server.HTMLEncode(MM_keepURL) & MM_joinChar(MM_keepURL) &
""book_id="" & rsBooks.Fields.Item(""book_id"").Value
%>'>Revisión española
»</A>")
else
End If
%>
I've tried to put the double quotes in the right places, but
can't get it right. Any help much appreciated.

Similar Messages

Display images from a SQL database

I want to display images from a SQL database. The images are in a table under a specific column and are stored as a link to the image. How would I display the images from the column in LabVIEW?
I'm using LabVIEW 2013 version 13 and SQL Server 2012
Paul Power
I have not lost my mind, it's backed up on a disk somewhere

Hi PauldePaor,
I hope you are well.
Once you have pulled the data from the database into LabVIEW in a string form (or path), you can simply use the Read BMP File (Or jpg, png depending on the file type) VI.
More information can be found here:
http://digital.ni.com/public.nsf/allkb/02971A30F5D8FC6986256A0A004F11A0
Kind Regards,
Aidan H
Applications Engineer
National Instruments UK & Ireland

Display image in flex from database

I am using flex and java and mysql,
I upload image file into database from flex application.Now i want to display image in my flex
RIA application from database.
How can i do that??
Thanks in advance!!!

"B.O.H.R." <[email protected]> wrote in
message
news:g91dr3$b0f$[email protected]..
>
quote:
> Ordinary Flex can't do this. You could probably do it in
AIR. There's a
> separate forum just for AIR applications.
>
>
> Could you precise which things flex CAN'T ?:
>
> 1. load image file from local disk and represent it as
an object in Flex
> app?
> 2. display image represented as object(created as above)
in Flex app?
> 3. transfer that object back and forth to database using
BlazeDS ?
>
> Maybe there are posibilitie to make workaround of some
inconviniences?
> I am asking becaouse I realy would like to create such
app in Flex.
Flex can create an AIR application.
But a swf file can't read from the local drive.
HTH;
Amy

Display images stored in the database

I have images stored in the databse. I followed the steps provided in the oracle documentation. Now i want to retrive the image from the database into a java object that can be dislayed in , say, a JLabel. I am able to retrieve the image from the database into the OrdImage in the oracle.java.ord package and view the properties of the image. But unable to retrive the image as such to be displayed.
Thanking You
vinay

This might help...
import javax.imageio.*;
import javax.imageio.stream.*;
import javax.swing.*;
import java.awt.*;
import java.sql.*;
import java.io.*;
import oracle.jdbc.driver.*;
import oracle.sql.* ;
import oracle.ord.im.*;
import java.awt.event.*;
public class HelloDBImage implements ActionListener{
OracleConnection con = null;
JLabel label = null;
String textFieldString = "Image ID entered";
public void actionPerformed(ActionEvent e)
String prefix = "You typed \"";
if (e.getActionCommand().equals(textFieldString))
JTextField source = (JTextField)e.getSource();
ImageIcon imgIcon = createImageIcon(source.getText());
if (null != imgIcon)
// Create image Label
label.setText(null);
label.setIcon(imgIcon);
else
label.setIcon(null);
label.setText("Image not found! ");
source.setText("");
label.repaint();
//actionLabel.setText(prefix + source.getText() + "\"");
public ImageIcon createImageIcon(String key)
Image image = null;
ImageIcon imgIcon = null;
try
     // Connect to the database if necessary
if (null == con) con = connect();
// Create Input Stream from DB image.
InputStream is = new BufferedInputStream(
getDBInputStream(con, key));
if (null != is)
// Create Image from Image Input Stream
ImageInputStream iis = ImageIO.createImageInputStream(is);
image = ImageIO.read(iis);
// Create Image Icon from ImageInputStream
if (null != image) imgIcon = new ImageIcon(image);
} catch (Exception e)
System.out.println("exception raised " + e);
     e.printStackTrace();
return imgIcon;
public Component createPanelAndContents(String key)
// Create the image label
ImageIcon imgIcon = createImageIcon(key);
if (null != imgIcon)
// Create image Label
label = new JLabel(imgIcon);
else
label = new JLabel("Image not found! ");
// Create layout
GridBagLayout gridBag = new GridBagLayout();
// Create panel to draw in
JPanel pane = new JPanel();
pane.setLayout(gridBag);
GridBagConstraints c = new GridBagConstraints();
JScrollPane scrollPane = new JScrollPane(label,
JScrollPane.VERTICAL_SCROLLBAR_ALWAYS,
JScrollPane.HORIZONTAL_SCROLLBAR_ALWAYS);
c.fill = GridBagConstraints.BOTH;
c.weightx = 1.0;
c.weighty = 1.0;
gridBag.setConstraints(scrollPane, c);
c.gridwidth = GridBagConstraints.REMAINDER;
c.fill = GridBagConstraints.HORIZONTAL;
scrollPane.setMinimumSize(new Dimension(300, 300));
pane.add(scrollPane, c);
// Add a text field and label to get anoter image
JTextField textField = new JTextField(10);
textField.setActionCommand(textFieldString);
textField.addActionListener(this);
// Add fields for input
JLabel promptLabel = new JLabel("Please enter DB key: ");
     pane.add(promptLabel);
pane.add(textField, c);
return pane;
public static void main(String[] args)
String key = "1";
try
UIManager.setLookAndFeel(
UIManager.getCrossPlatformLookAndFeelClassName());
} catch (Exception e) { }
//Create the top-level container and add contents to it.
JFrame frame = new JFrame("SwingApplication");
HelloDBImage app = new HelloDBImage();
if ((args.length > 0) && (args[0] != null)) key = args[0];
System.out.print("length= " + args.length + "/" );
if (args.length > 0) System.out.println(args[0]);
Component contents = app.createPanelAndContents(key);
frame.getContentPane().add(contents, BorderLayout.CENTER);
//Finish setting up the frame, and show it.
frame.addWindowListener(new WindowAdapter() {
public void windowClosing(WindowEvent e) {
System.exit(0);
frame.pack();
frame.setVisible(true);
public InputStream getDBInputStream(OracleConnection con, String key)
InputStream is = null;
try
     int index = 0;
     Statement s = con.createStatement();
     OracleResultSet rs =
     (OracleResultSet)s.executeQuery("select * from images " +
"where item_id = " + key );
     if (rs.next()) // Just get first image if more than 1.
     index = rs.getInt(1);
     OrdImage imgObj =
(OrdImage) rs.getCustomDatum(2, OrdImage.getFactory());
is = imgObj.getContent().getBinaryStream();
catch(Exception e)
System.out.println("exception raised " + e);
e.printStackTrace();
return is;
public OracleConnection connect() throws Exception
String connectString;
Class.forName ("oracle.jdbc.driver.OracleDriver");
connectString = "jdbc:oracle:oci8:@orcl";
OracleConnection con = (OracleConnection)
DriverManager.getConnection(connectString,"scott",
                    "tiger");
con.setAutoCommit(false);
return con;

How to display Images stored in a database using javascript

Hi.
I have some images stored in a table and I need to display them using javascript. The images are stored in BLOB columns: I would like to know if I can put them on a directory and then get it from there using BFILENAME function.
Any suggestion?
Regards,
Jeannine

Hi All,
Yes DuraiRaja - i am using the document.getElementById(' ').
In my app, I have a Main controller calling a View - Default.HTM,
This Default.HTM, in turn loads up three trays T1, T2, T3 and these tray elements in turn call up the controllers ctrl1, ctrl2, ctrl3 associated to them.
CTRL1 calls a view - View1 - V1.htm, which has the below code.
And on the below page all that i am trying to do is validate if "FieldVal" is blank or not.
I get an error on IE as "Object required"
I get a HTTP 501/505 error when i try to upload the code.
Thanks all !

Displaying images stored in the database

Hi,
I'm saving image files (bmp, jpg, gif) in the database as binary data (I'm using SQL Server). Then, I have to retrieve this file and show the image in a JSP.
I'm using Struts 1.1, SQLServer and weblogic.
How can I do this?
Thanks

Here is a good starting point:
http://forum.java.sun.com/thread.jsp?thread=338890&forum=45&message=1391475

How to store/display images with SQL Server 2000

Hi everybody, I'm totally new to ColdFusion, and creating a
sample project, where a user would enter in a person's info and
upload a picture of that person. I trying to get my app to save
that image to SQL Server database and then to display that pic.
Currently, it "seems" that I'm able to save to SQL server (my table
saves user info but all values in my photo column says
<binary>-I don't know if that is correct), but I can't seem
to get image and display it on my cf page. I have pasted portions
of my code below.
I've been hammering away at this but no luck, so Any comments
are very well appreciated, example code would be great!
Thank you so much,
noijet
# 1.) I have a 'User Info Entry' page that submits to page
#2:
<cfform...>
<input name="fileToUpload" id="fileToUpload" type="file"
size="64"/>
</cfform>
# 2.) This page does the actual saving, this doesn't output
any errors but am I saving the image to SQL server correctly? I
have no idea really how to save images to database, so please
advise or possibly provide example code. Afterwards, it goes to
page #3 to display confirmation page that data has been saved.
<cfif isDefined("Form.fileToUpload") and Form.fileToUpload
neq "">
<cfset uploadPath =
GetDirectoryFromPath(GetBaseTemplatePath()) & "uploads\">
<cfif not DirectoryExists(uploadPath)>
<cfdirectory action="create" directory="#uploadPath#">
</cfif>
<cffile action="upload" fileField="fileToUpload"
destination="#uploadPath#" nameConflict="overwrite">
<cfset imagefile= "uploads\\" & cffile.serverFile
& "'">
</cfif>
<cfquery name="qInsertPerson" dataSource="HRP">
Execute insertPerson
N'#Trim(FORM.sLastname)#',N'#Trim(FORM.sFirstname)#',N'#Trim(FORM.sMiddle)#',N'#Trim(FORM .sAlias)#',
'#imagefile#'
</cfquery>
<cflocation url = "savePersonResult.cfm" addToken =
"No">
#3.) This confirmation page displays last user entered and a
picture of the user. The user info retrieved from SQL server is
displaying correctly but the picture is not displaying(just a small
red 'x' box). The image calls another getPersonPhoto.cfm file to
display image.
<cfquery name="lastPerson" datasource="HRP">
Exec getLastRow
</cfquery>
<cfoutput query="lastPerson">
#firstName# #middle# #lastName# was added to our Persons
list. That Person has been given id: #id# <br>
Thank you for your assistance and cooperation.
<img src="getPersonPhoto.cfm?id=71" border="0" width="128"
height="180">
</cfoutput>
#4.) This is .cfm file that only displays image of person
<cfsetting enablecfoutputonly="Yes">
<cfsetting showdebugoutput="No">
<cfquery name="getBlob" datasource="HRP">
SELECT TOP 1 photo FROM Persons WHERE id = 71
</cfquery>
<cfheader name="content-disposition"
value="Inline;filename=ExamplePerson.jpg">
<cfcontent type="image/jpeg; charset=iso-8859-1">
<cfoutput>#tostring(tobinary(getBlob.photo))#</cfoutput>
Note: In my ColdFusion admin, I checked "Enable ... BLOB's"
and set Blob Buffer to 20000

Regarding doing the actual saving, here are some other things
to consider:
* a max on the image's file size
* check if it really is an image
* don't use nameconflict="overwrite". consider
nameconflict="MAKEUNIQUE"
* delete uploaded image on file system after insert into db
Also, on the cfm page that returns an image, try putting the
cfcontent tag and the cfoutput tag on one line.
<cfheader name="Content-Type" value="image/jpeg">
<cfcontent
type="image/jpeg"><cfoutput>#getBlob.photo#</cfoutput>
Good luck!

How to display images in the Personal Java?

Guys,
please help me to display the images in gif format in the standalone application using PersonalJava.
with regards,
Amin

JDK:1.1.8; Personaljava:1.1Beta
Following is my program,it can not only display image but also scroll image that biger than Panel or Canvas.
import java.awt.*;
import java.awt.event.*;
//ImageCanvas object is container keeping Image
class ImageCanvas extends Canvas
private Image image,errorimage;
Container pappy;
public ImageCanvas(Image i,Container parent)
errorimage = Toolkit.getDefaultToolkit().getImage("error.gif");
image=i;
pappy = parent;
//following 5 lines can make image display smoothly
MediaTracker tracker = new MediaTracker(this);
tracker.addImage(image, 0);
try { tracker.waitForID(0); }
catch (InterruptedException e) {}
public void paint(Graphics g)
if(image.getWidth(this)==-1)
image=errorimage;
Dimension d = getSize();
this.setSize(image.getWidth(this),image.getHeight(this));
//Critical syntex for refresh container
pappy.layout();
pappy.repaint();
g.drawImage(image, 0, 0,this);
public class ScrollingImage implements ActionListener
{ Frame frame;
ScrollPane sp;
Image im;
public static void main(String[] args)
ScrollingImage tests= new ScrollingImage();
tests.go();
public void go()
frame = new Frame();
frame.setLayout(new BorderLayout());
sp = new ScrollPane();
im =Toolkit.getDefaultToolkit().getImage("001.gif");
//please notice following line,critical syntex to display image,I took 2 days to find it.
sp.add(new ImageCanvas(im,sp));
sp.setSize(240,290);
frame.add(sp, BorderLayout.CENTER);
//following 5 lines make frame be able to close
frame.addWindowListener(new WindowAdapter() {
public void windowClosing(WindowEvent e) {
System.exit(0);
frame.pack();
frame.setVisible(true);

Displaying images from url's (9i)

Is it possible to some how display images retrieved from a url within an image item? I know its possible to display images from within the database and from a file but these images are stored on another server and all i have is a web address, can it be done? Also is it possible to dislpay a series of images that are retrieved in this way in a report?
Any help is much appreciated.

Hi,
this would require a Java Bean to be written. Its not natively possible in Forms
Frank

Display image from database with jspSmart

Hi
I have successfully uploaded and saved images into oracle(8.1.5) table DATA_TYPE(dtid number, iconname varchar2(30), icon blob). When I try to display a specific icon in my browser, I get "javax.servlet.ServletException: General error" at:
PreparedStatement pstmt = myConnection.prepareStatement(mySQL);
My code looks like this:
imgModifyDataType.jsp
<%
ResultSet myResultSet = null;
Statement myStatement = null;
Connection myConnection = null;
Class.forName("sun.jdbc.odbc.JdbcOdbcDriver").newInstance();
myConnection = DriverManager.getConnection("Jdbc:Odbc:Te","te","te");
String iconName;
String pDTID = request.getParameter("dtid");
String mySQL = "Select iconname, icon from data_types where dtid=?";
PreparedStatement pstmt = myConnection.prepareStatement(mySQL);
pstmt.setString(1,pDTID);
myResultSet = pstmt.executeQuery();
iconName = myResultSet.getString("iconname");
myUpload.initialize(pageContext);
myUpload.downloadField(myResultSet,"icon","application/x-msdownload", iconName);
%>
I call this JSP from another JSP like this:
<img src="imgModifyDataType.jsp?dtid=<%=pDTID%>">
If we cannt display image with the help of another jsp like this then please guide me how to modify the imgModifyDataType.jsp to a servlet because I have never worked in servlets.
Please help
Sajid

I think that it may help you get image from database. I used two jsp page. First one is getphoto.jsp that makes as table based in sql statment and invoke the getimage.jsp this last returns images based on
the getphoto.jsp PhotoId.
/** getphoto.jsp source code */
<%@page import="java.sql.*,oracle.jdbc.*"%>
<html>
<head>
<title>
jsp1
</title>
</head>
<body bgcolor="#ffffff">
<table width="781" border="2">
<tr<<td>
<td width="83" bgcolor="#C0C0C0"><b>PhotoId</b><td width="450" bgcolor="#C0C0C0"><b>Description</b></td><td width="228" bgcolor="#C0C0C0"><b>Photo Image</b></td>
<%
Connection conn = null;
Statement stmt = null;
ResultSet rset = null;
DriverManager.registerDriver(new oracle.jdbc.driver.OracleDriver());
conn = DriverManager.getConnection("jdbc:oracle:thin:@itas:1521:oraITAS","yourDbUserId","yourDbPassword");
stmt = conn.createStatement();
rset = stmt.executeQuery("select photo_id,photo_description from photo");
while (rset.next()) {
     %>
     <tr><td width="83"><%=rset.getObject("photo_id")%></td><td width="450"><%=rset.getObject("photo_description")%></td><td width="228"><img src="getimage.jsp?PhotoId=<%=rset.getObject("photo_id")%>" width="238" height="228"></td></tr>
     <%
conn.close();
%>
</table>
</body>
</html>
/** getimage.jsp source code */
<%@ page contentType="image/jpeg; chaoResult=iso-8859-1" language="java" import="java.sql.*,java.io.*,java.util.*" errorPage="" %>
<%
String strConnString = null;
Connection oDbConn;
Statement oStmt;
ResultSet oResult;
String strConnection = null;
String strUserId = "c_erober";
String strUserPwd = "sybdev99";
String strDatabase = "oraITAS";
String strPhotoId;
strConnString = "jdbc:odbc:" + strDatabase;
String strSql;
try {
strPhotoId = (String) request.getParameter("PhotoId");
strSql = "select photo_image from photo" + ( (strPhotoId==null) ? " where photo_id = '001'": (" where photo_id = '" + strPhotoId + "'") );
DriverManager.registerDriver(new sun.jdbc.odbc.JdbcOdbcDriver());
oDbConn = DriverManager.getConnection(strConnString,strUserId,strUserPwd);
response.setContentType("image/jpeg");
oStmt = oDbConn.createStatement();
oResult = oStmt.executeQuery(strSql);
oResult.next();
byte[] bytearray = new byte[4096];
int size=0;
InputStream sImage;
sImage = oResult.getBinaryStream(1);
response.reset();
response.setContentType("image/jpeg");
response.addHeader("Content-Disposition","filename=getimage.jpeg");
while((size=sImage.read(bytearray))!= -1 ) {
response.getOutputStream().write(bytearray,0,size);
response.flushBuffer();
sImage.close();
oDbConn.close();
} catch (SQLException ex) { ex.getMessage();
%>

Display Images from Database

Hi all,
I require to display images stored in database along with textual description of it on a JSP.
The image file should not be stored intermediately on file system (i.e w/o using img HTML tag)
It is a typical shopping cart appln. where images are fetched from database and the associated description is displayed along side.
Please note that it is the case of Mixed content types(text and binary data).
Thanks and Regards

Like "Breakfast" said, you can do this with a servlet that retrieves your images from a database....
if you create a servlet to do this, you would have a generic servlet which retrieves a picture from a database based upon a key which could be a picture name or number.
Lets say the file is out there in the database as a BLOB or Binary Image... you could have this kind of code in the doPost(HttpRequest req, HttpResponse res) or doService(HttpRequest req, HttpResponse res) method.
The table holding the image has at least two columns one called IMAGE which holds the binary image and the other called FILENAME. If the connection to the DB is already open, you do something like this.
String fileToGet = (String)req.getParameter("FILENAME");
rs = conn.createStatement().executeQuery("select from IMAGE_TABLE where FILENAME='" + fileToGet + "'");
if(rs.next())
InputStream in = rs.getBinaryStream("IMAGE");
res.setContentType("image/jpg"); // or whatever type of file it is.
ServletOutputStream sout = res.getOutputStream();
int c;
while((c = in.read()) != -1)
sout.write(c);
in.close();
sout.close();
This should write your image to the response output of the servlet.
Now, where you want your image, you put.
<img src="/servlet/ImageServlet?FILENAME="thefileIwant">
This should do what you want... Use your favorite pipe copy method to get the input stream to the output stream. If you are worried about overhead and scaling like "breakfast" said (it CAN be a problem in high access sites), then you can add an image caching scheme and get really complex.... But this is a rough idea on what to do.
Hope this helps.
Stephen McConnell

Upon opening a thumbnail to view full size image, it often spontaneously zooms to only display bottom left quarter of image.

When double-clicking on the thumbnail image of an iPhoto album, the full size image will often spontaneously zoom to only display the bottom left quarter of the entire photo when it displays in full size. I can easily work around this by clicking on the right arrow to go to the next full size image (which will display properly) and then click on the left arrow to go back to the initial affected image (which will also then display properly). It does not do this when full-sizing all images from their thumbnails - probably less than 10% of the time; but still often enough to be a pian. I cannot find anything in the preferences which would appear to cause or correct it.
It is a recent problem. I have been using iPhoto extensively for many years without any problems. I cannot recall for sure, but it may have started after my update to version 9.4.2.
Using an iMac with plenty of RAM, latest version of iPhoto 11 and Mountain Lion version 10.8.2.

What is the format of the PS photos and are there any alpha channels in them? You might try to re-edit them with PS, making some insignificant change and then saving. See if the new edit will display properly. Are you saving as jpgs with the Baseline format?
I may be preaching to the choir here but this may be of interest:
Using Photoshop or Photoshop Elements as Your Editor of Choice in iPhoto.
1 - select Photoshop or Photoshop Elememts as your editor of choice in iPhoto's General Preference Section's under the "Edit photo:" menu.
2 - double click on the thumbnail in iPhoto to open it in Photoshop. When you're finished editing click on the Save button. If you immediately get the JPEG Options window make your selection (Baseline standard seems to be the most compatible jpeg format) and click on the OK button. Your done.
3 - however, if you get the navigation window
that indicates that PS wants to save it as a PS formatted file. You'll need to either select JPEG from the menu and save (top image) or click on the desktop in the Navigation window (bottom image) and save it to the desktop for importing as a new photo.
This method will let iPhoto know that the photo has been editied and will update the thumbnail file to reflect the edit..
NOTE: With Photoshop Elements the Saving File preferences should be configured as shown:
I also suggest the Maximize PSD File Compatabilty be set to Always. In PSE’s General preference pane set the Color Picker to Apple as shown:
Note: to switch between iPhoto and PS or PSE as the editor of choice Control (right)-click on the thumbnail and select either Edit in iPhoto or Edit in External Editor from the contextual menu. If you use iPhoto to edit more than PSE re-select iPhoto in the iPhoto General preference pane. Then iPhoto will be the default editor and you can use the contextual menu to select PSE for your editor when desired.

IPhoto Not Displaying images in full-size, only thumbnails

I have iPhoto 11.9.4.2 installed in iMac 27" running Mac OS 10.7.5.
Up until last night iPhoto has been great. Last night I added about 100 images to my library which is a pretty typical update for me. The pics all transferred fine. All my exisiting and new images are visible in thumbnail mode, however when I 'click' on any one of my new or existing images so that I can view only that image in iPhoto, the image flashes up for 1 second then disappears. If I use my mouse or arrow keys I can go to the next image which again flashes up temporarily then disappears.
When I adjst the 'zoom' on the lower left portion of the iPhoto window, I can see a very small version of the image I would like to see with a box/rectangle over the area that I assume would be visibile if I zoomed in what would normally be a full-sized image.
Any ideas?

Option 1
Back Up and try rebuild the library: hold down the command and option (or alt) keys while launching iPhoto. Use the resulting dialogue to rebuild. Choose to Repair Database. If that doesn't help, then try again, this time using Rebuild Database.
If that fails:
Option 2
Download iPhoto Library Manager and use its rebuild function. (In early versions of Library Manager it's the File -> Rebuild command. In later versions it's under the Library menu.)
This will create an entirely new library. It will then copy (or try to) your photos and all the associated metadata and versions to this new Library, and arrange it as close as it can to what you had in the damaged Library. It does this based on information it finds in the iPhoto sharing mechanism - but that means that things not shared won't be there, so no slideshows, books or calendars, for instance - but it should get all your events, albums and keywords, faces and places back.
Because this process creates an entirely new library and leaves your old one untouched, it is non-destructive, and if you're not happy with the results you can simply return to your old one.
Regards
TD

Displaying image from Database with php

Hello everybody,
I'm working on a website that displays videos courses and tutorials as my final project
and I'm working with "Flash builder 4" the database with mySQL and the application server with php
Basically, the goal is to display a datagrid that shows the manager of the website in column all the information stored on the "Course" table
the structure of the table is :
Course (id,img,src,title,description)
-id : primary key
-img : path to a photo of course {for example picture of JAVA}
-src : path to the playlist file {xml file}
-title : String
-description : String too
I already succeeded to display all these contents on a DataGrid, but not with the image, I couldn't display an imageon its column using the path stored on the database, I used a DataRenderer to do that, and here is my code for Renderer and the DataGrid.mxml
CourseGrid.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:courseservice="services.courseservice.*">
<fx:Script>
<![CDATA[
import Renderers.CourseDeleteRenderer;
import Renderers.CourseImageRenderer;
import mx.controls.Alert;
import mx.events.FlexEvent;
protected function dataGrid_creationCompleteHandler(event:FlexEvent):void
getAllCourseResult.token = courseService.getAllCourse();
]]>
</fx:Script>
<fx:Declarations>
<s:CallResponder id="getAllCourseResult"/>
<courseservice:CourseService id="courseService" fault="Alert.show(event.fault.faultString + '\n' + event.fault.faultDetail)" showBusyCursor="true"/>

</fx:Declarations>
<mx:DataGrid x="10" y="10" id="dataGrid"
creationComplete="dataGrid_creationCompleteHandler(event)"
dataProvider="{getAllCourseResult.lastResult}"
width="100%">
<mx:columns>
<mx:DataGridColumn headerText="" dataField="img" sortable="false" itemRenderer="Renderers.CourseImageRenderer"/>
<mx:DataGridColumn headerText="id" dataField="id"/>
<mx:DataGridColumn headerText="src" dataField="src"/>
<mx:DataGridColumn headerText="title" dataField="title"/>
<mx:DataGridColumn headerText="description" dataField="description"/>
<mx:DataGridColumn headerText="Delete" itemRenderer="Renderers.CourseDeleteRenderer"/>
<mx:DataGridColumn headerText="Update" itemRenderer="Renderers.CourseUpdateRenderer"/>
</mx:columns>
</mx:DataGrid>
</s:Application>
CourseImageRenderer.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
focusEnabled="true">
<mx:Image source="{data}" width="60" height="60"/>
</s:MXDataGridItemRenderer>
Result :
Problem :
How can I access to the path of the image, I tried to write "data.img" instead of "data" as img is the name of the column in the database that stores the path but it wasn't successful.
I know that it not complete statement "data" because "data" is a reference to what the DataGrid provides of information that gets from the (CreationComplete) event.
Question :
- Can you please help me with this so I can complete displaying images by accessing to what is on the column in tha DB so I can manipulate my datas that is stored there ?
==> I still have some questions about the buttons to update and delete datas fomr the DataGrid, but, until now I need to access successfully to the photo and display it
Thank you,

Anyone that can help me with this ?
Please, try this with me, I'm asking Flex developpers this might be easy for you !
It's just question of how to access the string stored in the variable "data", when I used XML I just type the path to the repeated element like this :
XML file :
XML File
<parent>
<child>
<repeated_child></repeated_child>
<repeated_child></repeated_child>
<repeated_child></repeated_child>
</child>
</parent>
I used a Model as a reference to the xml file
and an arrayList as a container of the repeated child
I just write in the code "data.parent.repeated_child" to access the text in the "repeated_child"
and here is the code, that I implemented to generate videos from xml file to display a video play list
Video Playlist code(extract from XML file "data.xml")
<fx:Declarations>
<fx:Model id="model" source="assets/data.xml"/>
<s:ArrayList id="products" source="{model.video}"/>
</fx:Declarations>
<mx:List dataProvider="{products}" labelField="title"
change="list1_changeHandler(event,List(event.currentTarget).selectedItem)" x="103" y="77" height="350" width="198"/>
That was my goal to do that with the database.
Please help me
If you have other solution I still need it.
Thank you,

Displaying image from database table.

Hi All,
   I am very new to Web Dynpro ABAP.
I am developing an application to display an image in "Image" UI Element.
For this I have one table consisting of fields image id, image data and image name. here image id is primary key field.
Now i want to display an image from that table in "Image" UI Element. For this i am using "Filedown load" UI element.
But by using filedownload ui element i can diaplay image in another new page.
But my requirement is to display image in the same web page without creating a new one.
(I want to display the image in "Image" UI element without storing that image in MIME objects.)
Can anyone help me.
Thanks in Advance!
Regards,
Sreelakshmi.

What you describe is completely possible. Since you have the image data (XSTRING) in the context you have everything you need. You don't need to store the content into the MIME Repository, but you do need to get it somewhere where it has an externally accessible URL. Remember you need to supply image UI element with a URL. This URL is processed on the client side by the web browser. Therefore just giving it a path to the context won't work as that isn't externally accessible.
I would suggest instead that you place the image content into the ICM cache temporarily. This lets you basically generate a temporary URL for the image that can be used by the Image UI element.
Here is some example code that pushes images into the ICM Cache:
****Create the cached response object that we will insert our content into
DATA: cached_response TYPE REF TO if_http_response.
CREATE OBJECT cached_response
    TYPE
      cl_http_response
    EXPORTING
      add_c_msg        = 1.
   try. " ignore, if compression can not be switched on
      call method cached_response->set_compression
        exporting
          options = cached_response->co_compress_based_on_mime_type
        exceptions
          others = 1.
    catch cx_root.
endtry.
****set the data and the headers
DATA: l_app_type TYPE string.
DATA: l_xstring TYPE xstring.
      cached_response->set_data( me->gx_content ).
      l_app_type = me->gx_mimetype
cached_response->set_header_field( name = if_http_header_fields=>content_type
                                     value = l_app_type ).
****Set the Response Status
cached_response->set_status( code = 200 reason = 'OK' ).
****Set the Cache Timeout - 60 seconds - we only need this in the cache
****long enough to build the page and allow the Image on the Client to request it.
cached_response->server_cache_expire_rel( expires_rel = I_CACHE_TIMEOUT ).
****Create a unique URL for the object
DATA: guid TYPE guid_32.
CALL FUNCTION 'GUID_CREATE'
    IMPORTING
      ev_guid_32 = guid.
CONCATENATE i_path '/' guid '.' i_format INTO r_url.
****Cache the URL
cl_http_server=>server_cache_upload( url      = r_url
                                       response = cached_response ).

Only display image if filename in database

Similar Messages

Maybe you are looking for