Uploading,storing,retrieving,displaying images

Hey,
My issue relates to storing and retrieving images from a database. The image will be uploaded via the web and stored in a db, and later retrieved from the db and displayed on web page. The examples I have seen involve converting to an image to a byte stream then saving to the db as type blob. Then retrieving involves converting the byte stream to a file to display and then displayed on a web page. I have had problems with the examples, so I was wondering if you would be able to direct me to some clear and concise examples or material which would help to do this.
thanks in advance for your assistance

Could you please share the error/problem you are facing ?

Similar Messages

PHP 5 Code to Upload and Retrieve an Image (aka BLOB) with Oracle

I keep being asked about BLOBs. For posterity, here is my example updated
to use the new PHP 5 OCI8 function names, and using bind variables for the BLOB id.
-- cj
<?php
// Sample form to upload and insert an image into an ORACLE BLOB
// column using PHP 5's OCI8 API.
// Note: Uses the new PHP 5 names for OCI8 functions.
// Before running this script, execute these statements in SQL*Plus:
//   drop table btab;
//   create table btab (blobid number, blobdata blob);
// This example uploads an image file and inserts it into a BLOB
// column. The image is retrieved back from the column and displayed.
// Make sure there is no whitespace before "<?php" else the wrong HTTP
// header will be sent and the image won't display properly.
// Make sure php.ini's value for upload_max_filesize is large enough
// for the largest lob to be uploaded.
// Tested with Zend Core for Oracle 1.3 (i.e. PHP 5.0.5) with Oracle 10.2
// Based on a sample originally found in
//     http://www.php.net/manual/en/function.ocinewdescriptor.php
$myblobid = 1; // should really be a unique id e.g. a sequence number
define("ORA_CON_UN", "hr");             // username
define("ORA_CON_PW", "hr");             // password
define("ORA_CON_DB", "//localhost/XE"); // connection string
if (!isset($_FILES['lob_upload'])) {
?>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST"
   enctype="multipart/form-data">
Image filename: <input type="file" name="lob_upload">
<input type="submit" value="Upload">
</form>
<?php
else {
$conn = oci_connect(ORA_CON_UN, ORA_CON_PW, ORA_CON_DB);
// Delete any existing BLOB so the query at the bottom
// displays the new data
$query = 'DELETE FROM BTAB WHERE BLOBID = :MYBLOBID';
$stmt = oci_parse ($conn, $query);
oci_bind_by_name($stmt, ':MYBLOBID', $myblobid);
$e = oci_execute($stmt, OCI_COMMIT_ON_SUCCESS);
if (!$e) {
    die;
oci_free_statement($stmt);
// Insert the BLOB from PHP's tempory upload area
$lob = oci_new_descriptor($conn, OCI_D_LOB);
$stmt = oci_parse($conn, 'INSERT INTO BTAB (BLOBID, BLOBDATA) '
         .'VALUES(:MYBLOBID, EMPTY_BLOB()) RETURNING BLOBDATA INTO :BLOBDATA');
oci_bind_by_name($stmt, ':MYBLOBID', $myblobid);
oci_bind_by_name($stmt, ':BLOBDATA', $lob, -1, OCI_B_BLOB);
oci_execute($stmt, OCI_DEFAULT);
// The function $lob->savefile(...) reads from the uploaded file.
// If the data was already in a PHP variable $myv, the
// $lob->save($myv) function could be used instead.
if ($lob->savefile($_FILES['lob_upload']['tmp_name'])) {
    oci_commit($conn);
else {
    echo "Couldn't upload Blob\n";
$lob->free();
oci_free_statement($stmt);
// Now query the uploaded BLOB and display it
$query = 'SELECT BLOBDATA FROM BTAB WHERE BLOBID = :MYBLOBID';
$stmt = oci_parse ($conn, $query);
oci_bind_by_name($stmt, ':MYBLOBID', $myblobid);
oci_execute($stmt, OCI_DEFAULT);
$arr = oci_fetch_assoc($stmt);
$result = $arr['BLOBDATA']->load();
// If any text (or whitespace!) is printed before this header is sent,
// the text won't be displayed and the image won't display properly.
// Comment out this line to see the text and debug such a problem.
header("Content-type: image/JPEG");
echo $result;
oci_free_statement($stmt);
oci_close($conn); // log off
?>

I am using oracle 10g [10.2.0.1.0] and PHP 4.3.9 with Apache.
I tried my best to change the old functions names for example(oci_fetch)
to the new (OCIFetch),i works every where, but i could not find the corresponded functions of (oci_fetch_assoc) that's why i can not see my BLOBS at all!
Can some help me please, to know where are corresponded functions of oracle 8 to oracle 10g?
Exactly here is my problem:
$query = 'SELECT BLOBDATA FROM BTAB WHERE BLOBID = :MYBLOBID';
$stmt = ociparse ($conn, $query);
OCIBindByName($stmt, ':MYBLOBID', $myblobid);
ociexecute($stmt, OCIDEFAULT);
$arr = oci_fetch_assoc($stmt);
// OCIFetchAssoc, OCIFetch, OCI_ASSOC ... nothing works-> Fatal error: Call to undefined function:
$result = $arr['BLOBDATA']->load();
What should i do?
Thanky very much.

Uploading and retrieving the image in an ADF application

I am using Jdeveloper 11.1.2.3.0
In my image.jspx page i have a input file component and a 'show picture' button component
My requirement is to upload the image to database and to show it when i click 'sow picture' button.
need help in the whole process...
1. Need syntax for query to save the img in the database. as far as i know we ve to use blob datatype, but i need full information.
2. How to store img in database using input file component?
3.How to show it by clicking the button ...
Help plz

http://tompeez.wordpress.com/2011/11/26/jdev11-1-2-1-0-handling-imagesfiles-in-adf-part-2/

Display image in "Image" UIElement without storing it in MIMEs

Hi All,
I am new to Web Dynpro ABAP.
I am learning WDA by selftrainning.
I want to retrieve the image from database table and display that image in an "Image" UI Element.
(Without storing that image in to MIME objects)
This is my requirement...!
Can anyone provide me steps to achieve this!
Thanks in Advance!
Regards,
Sreelakshmi.
Edited by: sreelakshmi.B on Jul 3, 2009 2:06 PM

hi,
you can do this by using file UI element : 2 elements are available
1. file download
2. file upload
with this element you can download the file/ image in your pc rather than in mime repository
check out this link :
http://help.sap.com/saphelp_nw2004s/helpdata/en/42/fdf9c528d45171e10000000a1553f7/content.htm
hope this will surely help you!!!
Thanks & Regards,
Punit Raval.
Edited by: punit raval on Jul 3, 2009 2:59 PM

Upload and display image in webside

Hello Friends,
I am developing an auction web site ,and facing some problem so I need your help.
There is some confusion about uploading and displaying images in website .In web based
application if I want to upload images than where have to store the images database or server
side any folder .I have not idea about that please send your ideas and sussesions.
Second problem is What is the best way to display images in webside either giving a direct
path of server side image folder or I need to retrieve all images from database .
I have no idea about it please send me your guideline which are usefull for me to implement in my
website.
what is the correct way to upload and display images in website ?
Thanks . Have a nice day.

If you are using a Container you just leave your image files in the home directory of your web application. And forget this idea about database. It´s not necessary in this case.
To display the images just use HTML, <img src="url">.

How to upload and display image using bsp application

hi
I just wants to know that
1- how to upload image from BSP page with attachment into sap server .?
2-how to display image in to BSP page(webpage).
thanks

Hello Gupta Prashant,
Just to upload and display an image, import image in MIME repository. Not only still images but also flash files can also be uploaded in the MIME repository. Once you import the image in it, use normal html code for image call;
<img src = "file.jpg/gif" width= height=>
Besides it, if your requirement is to store the image in the database and fetch it based on specified field-name, then you have to go for BLOBs i.e Binary Large Object, using this you can also store images, videos, pdfs, applications in the database.
MBLOB - Medium BLOBs store videos and pdfs,
LBLOB - Large BLOBs store movie files and applications.
You have got 2 ways to use it; some databases store BLOB objects into themselves and some store the path of the BLOB object maintained on the FTP server.
You can also implement it in ABAP;
read the following link and practice the tutorial;
[ Use of MIME Types|http://help.sap.com/saphelp_45b/helpdata/en/f1/b4a6c4df3911d18e080000e8a48612/content.htm]
also check this
[TYPES - LOB HANDLE|http://help.sap.com/abapdocu/en/ABAPTYPES_LOB_HANDLE.htm]
And looking at your question, in order to upload an image, you can make use of FILEUPLOAD tag provided by HTMLB.
Step 1: FILEUPLOAD provides a browse button to choose desired image file.
Step 2: Store that image in database using BLOBs.
Step 3: Retrieve the image using normal select query and display it on the screen.
Hope it helps you,
Zahack

Problem in displaying images stored in Blob variable

Hi all,
I have a requirement where i need to retrieve the image stored in Blob variable in DB and display the image in JSP page.
I have written the below code to achieve this, it works fine
In JSP, I am calling a action in the <img tag
<img src='downloadPhoto.page?method=getPhotoInBytes&accessoryModelPictures.id.accessoryNumber=${photo.id.accessoryNumber}/> In my controller class
InputStream inputStream=accessoryPicturesLOB.getPicture().getBinaryStream();
byte[] theBytes = new byte[inputStream.available()];
inputStream.read(theBytes);
response.setContentType("image/jpg");
response.getOutputStream().write(theBytes);But the problem is, *if i right click on the image and select save picture as option i get a error saying "The system cannot find the specified file "*
Can you please tell me what is wrong in my approach/code
Is there any better approach to display image that is store in Blob variable ?
Please help on this.
Thanks in advance.

You need at least to set the filename in the content disposition header.

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;

Display image stored @ content managemenbt

Hi,
this is regarding to displaying image stored @ content management, using <html:img> tag in .jsp
under a node i am uploading two images. (node having two upload options)
in .jsp i am using <html:img> tag to display the images.
i tried to display both the images. But the first image what i upload is not showing. what i upload second is displaying.
pls let me know how to resolve this.
Thanks.

You need to access binary property values separately from the node. In 9.2 the API is accessed via INodeManager.getStream(). Alternatively you can take advantage of the tags we have for this as well. Take a look here on edocs:
http://e-docs.bea.com/wlp/docs92/cm/developCM.html
-Ryan

Display image in jsp by retrieving it from DB2

I insert image in to db2 table using the code given below
PreparedStatement preparedStatement =
connection.prepareStatement("INSERT INTO BOOKCOVERS VALUES(?,?)");
File imageFile = new File("c:\\redbookcover.jpg");
InputStream inputStream = new FileInputStream(imageFile);
preparedStatement.setString(1," 0738425826");
preparedStatement.setBinaryStream(2,inputStream,(int)(imageFile.length()));
preparedStatement.executeUpdate();
Now i need to retrieve the image and display in jsp page!!

One way would be to write a Servlet... http://yourpage/ImageServlet/?id=0738425826
Servlet:
- get url parameter id
- get the inputstream of the object from the db
- read and directly write the data to the servletoutputstream
regards
slowfly

Report - Unable to display image stored on External server

Hi
I need to display image on report that is on different instance for that i had put a formula column (in report 10g) and for that coloum i made file format as image and read from file as Yes and giving it the URL of Image stored on different server . but at run time for PDF output i am getting error like REP-1295: Data format of column 'CF_1' is unsupported
Please help me , Thx in advance.
Ranga

From the documentation:
URL Reference
1.Insert a dummy image in your template.
2.In Microsoft Word's Format Picture dialog box select the Web tab. Enter the following syntax in the Alternative text region to reference the image URL:
url:{'http://image location'}
For example, enter: url:{'http://www.oracle.com/images/ora_log.gif'}
Element Reference from XML File
1.Insert a dummy image in your template.
2.In Microsoft Word's Format Picture dialog box select the Web tab. Enter the following syntax in the Alternative text region to reference the image URL:
url:{IMAGE_LOCATION}
where IMAGE_LOCATION is an element from your XML file that holds the full URL to the image.
You can also build a URL based on multiple elements at runtime. Just use the concat function to build the URL string. For example:
url:{concat(SERVER,'/',IMAGE_DIR,'/',IMAGE_FILE)}
where SERVER, IMAGE_DIR, and IMAGE_FILE are element names from your XML file that hold the values to construct the URL.
This method can also be used with the OA_MEDIA reference as follows:
url:{concat('${OA_MEDIA}','/',IMAGE_FILE)}
Edited by: stevencallan on Feb 13, 2009 3:50 PM

Report - Not able to display image stored on External server or internet

Hi
I need to display image on report that is on different instance for that i had put a formula column (in report 10g) and for that coloum i made file format as image and read from file as Yes and giving it the URL of Image stored on different server . but at run time for PDF output i am getting error like REP-1295: Data format of column 'CF_1' is unsupported
Please help me , Thx in advance.
Ranga

Hi,
I've got the same problem.
Did you find any solution?
Thank you
Davide

Displaying images stored in SQL Server

Is there someway of displaying images stored within SQL
Server. Is FDS required? Prefer a method to display images without
using FDS; Web Service would be okay if that can work

I do that sort of thing using PHP and mySQL the binary part
of the image is stored in a BLOB field (Binary Large OBject) along
the rest of the information necessary for the http headers (e.g.
mime type, file name, file size) being staored in their own fields.
That info is then used to build the file using PHP. The PHP
file contains a mySQL query whos result is echoed with the
appropriate headers. The URL points at the PHP file rather than at
any saved image.
Here's the php:
<?
# display_imagebank_file.php
# Note: the ID is passed through the url e.g.
# this_files_name.php?id=1
# connect to mysql database
mysql_connect('HOST', 'USERNAME', 'PASSWORD');
mysql_select_db('DATABASE');
# run a query to get the file information
$query = mysql_query("SELECT FileName, MimeType, FileSize,
FileContents FROM blobTable WHERE ID='$id'");
# perform an error check
if(mysql_num_rows($query)==1){
$fileName = mysql_result($query,0,0);
$fileType = mysql_result($query,0,1);
$fileSize = mysql_result($query,0,2);
$fileContents = mysql_result($query,0,3);
header("Content-type: $fileType");
header("Content-length: $fileSize");
header("Content-Disposition: inline; filename=$fileName");
header("Content-Description: from imagebank");
header("Connection: close");
echo $fileContents;
}else{
$numRows = mysql_num_rows($query);
echo "File not found <br>";
echo $numRows;
echo " is the number of rows returned for id = ";
echo $ID;
?>
Hope that helps
Phil

Alternative method for displaying images blobs stored in DB

I am trying to use an Application Process as a means to displaying images stored in BLOB columns in my table. And it works except for one problem. The code for my on-demand Application Process is below (the name of the application process is OUTPUT_IMAGE):
DECLARE
l_mime VARCHAR2(255);
l_length NUMBER;
l_file_name VARCHAR2(2000);
lob_loc BLOB;
BEGIN
SELECT photo_mime_type,
photo_blob,
photo_filename,
dbms_lob.getlength(photo_blob)
INTO l_mime,
lob_loc,
l_file_name,
l_length
FROM persons
WHERE id = <b>260</b>;
owa_util.mime_header(nvl(l_mime,'application/octet'), FALSE);
htp.p('Content-length: ' || l_length);
htp.p('Content-Disposition: filename="' || l_file_name || '"');
owa_util.http_header_close;
wpg_docload.download_file(lob_loc);
END;
I can then create HTML like:
<img src="f?p=[my_app_id]:0:[the_session_id]:APPLICATION_PROCESS=OUTPUT_IMAGE">
Which works nicely.
The question/problem is: How can I pass the ID of the record (whose BLOB I want to display) to the Application Process? (In the code above you'll see the value of <b>260</b> is currently hard coded). I thought about tacking on something like "&my_id=xxx' to the end of the URL but doing so prevents the Application Process from even running.<BR/><BR/>
All comments/suggestions much appreciated,<BR/><BR/>
Thanks,
<BR/>
Andy

Andrew,
The URL for an Application Process uses the standard f?p syntax.
Try passing your value like this:
< img src="f?p=[my_app_id]:0:[the_session_id]:APPLICATION_PROCESS=OUTPUT_IMAGE:NO::MY_ID:[the value to send]"> You would need to have an item called MY_ID.
Your query could then refer to it as
WHERE id = :MY_ID;
Doug

Retrieving a image on The browser for display

I have a Tomcat-Server running on a Win NT platform . It houses Oracle 8. We are making a JSP application which will take an image file from the Hard disk and put it into the ORacle database .
We are able to put the image in the database and also retrieve it from the database . But for retrieving we have to download it into a temporary file and then view it over the browser .
I was just thinking if it is possible for JSP to get the image from the database and show it in the browser without actually storing it in a temporary location .
Please help Me
DP

One possiblity:
<%@ page contentType="text/html;charset=WINDOWS-1252"%>
<HTML>
<HEAD>
<TITLE>TEST</TITLE>
</HEAD>
<BODY>
TEST TEST
<BR>
<IMG SRC="http://localhost/forum/forum.ShowBlob?id=34" alt="plaatje">
<BR>
PLAATJE
</BODY>
</HTML>
ShowBlob is a class which retrieves the image out of DB.
Regards
Martin

Uploading,storing,retrieving,displaying images

Similar Messages

Maybe you are looking for