Loading And Displaying image From MYSQL

Hello, How can I load and display picture stored into a MYSQL database in a Swing GUI using for example JLable component.

establish a connection to ur sql, n
retireve the record with the images or image url in the db.
and then load it to a Image icon and set it to a JLabel.

Similar Messages

Load and display image using CDC

Hi everyone,
Please help. I'm new to java. I need a simple routine to load and display an image from the file system into a CDC app on windows mobile 5. I'm usin creme 4.1.
Thanx in advance

Use the following as a guide:
1. Get the image (path below must be absolute):
public static Image getImage(String filename) throws ScanException {
Image img = null;
// Read paths from properties file
StringBuffer buf = new StringBuffer("\\");
buf.append(ScanUtility.getPathImages());
buf.append("\\");
buf.append(filename);
buf.append(".jpg");
File dataFile = new File(buf.toString());
if(!dataFile.exists())
throw new ScanException("Cannot locate the file:\n" + dataFile.getAbsolutePath());
img = Toolkit.getDefaultToolkit().createImage(buf.toString());
return img;
2. Create a class to display the image (pass in the image, above):
ImagePanel class source:
import java.awt.*;
import java.awt.image.*;
public class ImagePanel extends Panel {
private Image image = null;
private Image scaledImage = null;
private boolean imageComplete = false;
public ImagePanel(Image img) {
image = img;
scaledImage = image.getScaledInstance(200, -1, Image.SCALE_DEFAULT);
prepareImage(scaledImage, this);
// Override the paint method, to render the image
public void paint(Graphics g) {
if(imageComplete) {
g.drawImage(scaledImage, 0, 0, this);
// Override imageUpdate method, to prevent repaint() from trying
// to do anything until the image is scaled
public boolean imageUpdate(Image img, int infoFlags, int x, int y, int w, int h) {
if(infoFlags == ImageObserver.ALLBITS) {
imageComplete = true;
repaint();
return super.imageUpdate(img, infoFlags, x, y, w, h);
public void flush() {
image.flush();
scaledImage.flush();
image = null;
scaledImage = null;
}

Store and Display Image from Database

Now that MySQL is working (woo hoo!) with JSC, I have a couple of questions for any experts out there...
1. How would I perform an image or other file upload from a browser?
2. How would I retrieve and display an image from a db on a jsp page?
Thanks for any help.

Craig, I think I have a simpler way to load an image on the page, although for the time being I'm not retrieving from a database, but from the file system. The problem is that I'm not getting the pages to load continuously with new images. At some point it apears that the session gets clogges and can not load new pictures. I'll try to include the page bean code just below. This time I'm not adding the "code" tags because I haven't being successful with that. If you have problems , please, contact me at [email protected].
The core of the code is in a couple of button_action methods.
If you need, I can give access to the http server where this is running.
Luiz
package untitled;
import javax.faces.*;
import com.sun.jsfcl.app.*;
import javax.faces.component.html.*;
import com.sun.jsfcl.std.*;
import javax.faces.component.*;
import javax.swing.filechooser.*;
import javax.swing.*;
import java.io.*;
* Creator-managed class.
* Your code should be placed at the end.
public class Page1 extends AbstractPageBean {
private HtmlForm form1 = new HtmlForm();
private FileSystemView filesystem = FileSystemView.getFileSystemView();
private File path = new File("C:/Documents and Settings/Luiz Costa/My Documents/Creator/Projects/PictureAlbum/build/images/Isadora\'s Wedding");
private File[] fileslist = filesystem.getFiles(path, false);
private int counter = 1;
private int iw = 0;
private int ih = 0;
private Integer aiw = new Integer("1");
private float aar = 0;
private float ar = 0;
private ImageIcon ii = null;
public HtmlForm getForm1() {
return form1;
public void setForm1(HtmlForm hf) {
this.form1 = hf;
private HtmlGraphicImage image1 = new HtmlGraphicImage();
public HtmlGraphicImage getImage1() {
return image1;
public void setImage1(HtmlGraphicImage hgi) {
this.image1 = hgi;
private HtmlCommandButton button1 = new HtmlCommandButton();
public HtmlCommandButton getButton1() {
return button1;
public void setButton1(HtmlCommandButton hcb) {
this.button1 = hcb;
private HtmlCommandButton button2 = new HtmlCommandButton();
public HtmlCommandButton getButton2() {
return button2;
public void setButton2(HtmlCommandButton hcb) {
this.button2 = hcb;
private HtmlGraphicImage image2 = new HtmlGraphicImage();
public HtmlGraphicImage getImage2() {
return image2;
public void setImage2(HtmlGraphicImage hgi) {
this.image2 = hgi;
private HtmlOutputText outputText1 = new HtmlOutputText();
public HtmlOutputText getOutputText1() {
return outputText1;
public void setOutputText1(HtmlOutputText hot) {
this.outputText1 = hot;
* This constructor contains Creator-managed initialization code.
* Your initialization code can be placed at the end,
* but, this code will be invoked only the first time the page is rendered,
* and any properties set in the .jsp file will override settings here.
public Page1() {
// Creator-managed initialization code
try {
catch ( Exception e) {
log("Page1 Initialization Failure", e);
throw new FacesException(e);
// User provided initialization code
public String button1_action() {
// Add your event code here...
outputText1.setValue(fileslist[counter].getAbsoluteFile().getPath()+fileslist.length+"left"+counter);
ii = new ImageIcon("images/Isadora\'s Wedding/"+fileslist[counter].getName());
ar = (float)ii.getIconHeight()/(float)ii.getIconWidth();
// aiw = new Integer(image1.getWidth());
aiw = new Integer(ii.getIconHeight());
aar = ar*aiw.intValue();
image1.setHeight(""+(int)aar);
outputText1.setValue(image1.getHeight());
image1.setUrl("images/Isadora\'s Wedding/"+fileslist[counter].getName());
ii = new ImageIcon("images/Isadora\'s Wedding/"+fileslist[(counter + 1 + fileslist.length) % fileslist.length].getName());
ar = (float)ii.getIconHeight()/(float)ii.getIconWidth();
// aiw = new Integer(image2.getWidth());
aiw = new Integer(ii.getIconHeight());
aar = ar*aiw.intValue();
image2.setHeight(""+(int)aar);
outputText1.setValue(image2.getHeight());
image2.setUrl("images/Isadora\'s Wedding/"+fileslist[(counter + 1 + fileslist.length) % fileslist.length].getName());
counter = (counter-1+fileslist.length) % fileslist.length;
return null;
public String button2_action() {
// Add your event code here...
outputText1.setValue(fileslist[counter].getAbsoluteFile().getPath()+fileslist.length+"right"+counter);
ii = new ImageIcon("images/Isadora\'s Wedding/"+fileslist[counter].getName());
ar = (float)ii.getIconHeight()/(float)ii.getIconWidth();
// aiw = new Integer(image1.getWidth());
aiw = new Integer(ii.getIconHeight());
aar = ar*aiw.intValue();
image1.setHeight(""+(int)aar);
outputText1.setValue(image1.getHeight());
image1.setUrl("images/Isadora\'s Wedding/"+fileslist[counter].getName());
ii = new ImageIcon("images/Isadora\'s Wedding/"+fileslist[(counter + 1 + fileslist.length) % fileslist.length].getName());
ar = (float)ii.getIconHeight()/(float)ii.getIconWidth();
// aiw = new Integer(image2.getWidth());
aiw = new Integer(ii.getIconHeight());
aar = ar*aiw.intValue();
image2.setHeight(""+(int)aar);
outputText1.setValue(image2.getHeight());
image2.setUrl("images/Isadora\'s Wedding/"+fileslist[(counter + 1 + fileslist.length) % fileslist.length].getName());
counter = (counter+1+fileslist.length) % fileslist.length;
return null;
}

How to load and retrieve images from Portal. URGENT

Dear all,
I've designed a table with an ordsys.ordimage field for images. BIG MISTAKE, because there is no possibility to upload images from a form. I'd like to change it into a BLOB field but an error arises:
"You cannot modify the column definition for types CLOB, NCLOB, BFILE, BLOBand Intermedia Object types(ORDSYS.ORDIMAGE, ORDSYS.ORDAUDIO, ORDSYS.ORDVIDEO). (WWV-17079)"
Could I change it anyhow in order not to build a new table? I have a lot of forms referring to that table and I should change these forms too....(and we know it is pretty difficult)...
I would appreciate any help.
Tomas

Tomas,
Do you have any active constraints on that specific row? If the row is accessed by other forms (tables etc) you would need to disable them (for example foreign key constraints) and update the row (or remove and re-add it).
Kostas

How to load and retrieve images from Portal!!!

Dear all,
I've designed a table with an ordsys.ordimage field for images. BIG MISTAKE, because there is no possibility to upload images from a form. I'd like to change it into a BLOB field but an error arises:
"You cannot modify the column definition for types CLOB, NCLOB, BFILE, BLOBand Intermedia Object types(ORDSYS.ORDIMAGE, ORDSYS.ORDAUDIO, ORDSYS.ORDVIDEO). (WWV-17079)"
Could I change it anyhow in order not to build a new table? I have a lot of forms referring to that table and I should change these forms too....(and we know it is pretty difficult)...
I would appreciate any help.
Tomas

Tomas,
Do you have any active constraints on that specific row? If the row is accessed by other forms (tables etc) you would need to disable them (for example foreign key constraints) and update the row (or remove and re-add it).
Kostas

Displaying images from MySQL data base

I'm currently developing a Master/Detail
page set. The MySQL table containing the Detail information includes a 'blob' (MIME: image/jpeg - Attributes - BINARY) for storing a small image. Under phpmyadmin the images show where applicable.
In my Detail page I display the results in a table. All the values display except the image.
I selected Insert > Image
When the 'Select Image Source' dialogue appeared set 'select file name from' to Data source
Selected the data base field from the established records set
I left the 'Format' as 'None'
Clicked OK
Have I omitted to set something? How does Dreamweaver or the PHP code know hto to render this field?
Hope someone can make some suggestions to resolve this.
Thanks
Cliff
Other possible useful info:
Developing on Windows XP
Dreamweaver CS5
all versions of MySQL, PHP, Apache, IE8, Dreamweaver up to date.

In my desparation this morning
I even tried to set up a mirror of your example witha separate table (just the 3 fields) and even that didn't work. The Proxy member was the same as yours except that the script was changed to LocalPHP.php . Therefore I presume that the error must have been in the webpage. Unfortunately I've since deleted the code so I can't send a copy of what I used.
The only suggestions I could suggest that may help others that are novices are (1) suggested code for the webpage (2) a diagram illustrating how the elements link or relate to each other. Hope that is thought helpful.
Thanks again
Cliff

How to retrieve and display image from database in a web page

Hi all;
I have been trying this for some time now. I have found some tutorials so far but none of them addresses my concern. Here it is:
I have built a web application that can connect to an Oracle DB.
I have a table called "employee", where I record any employee details, among which the employee picture. I stored the pictures and the finger prints using "Oracle sql developper" as blob type.
How can i retrieve and view all these information when i run the application?
I can easily retrieve all other types of value, but the image(BLOB type) has been a nightmare for me.
HELP PLEASE.

morgalr wrote:
I believe your Binary Large Obejct will come back as an array of int, and you'll need to use BufferedImage it's associated API to get it to a viewable image configuration.I don't think BufferedImage immediately solves the problem -- this is a web app, so I assume the image will be displayed using the HTML IMG tag.
Solution: google. There are many example of how to do this. For example, any book on servlets will have an example of dishing up a dynamic image.

My iphone 4s suddenly displays images from Yahoo, Google, and Flickr at low resolution. The camera on my phone works fine, but any web related photo content is now pixelated and low res, what's the deal?

My iphone 4s suddenly displays images from Yahoo, Google, and Flickr at a low resolution. I have IOS 7.0.4. My phone camera works fine, but any web based photo content from Safari, Yahoo images, Google images, and Flickr all come in pixelated and low res. What's the deal?

It happened to me but later I figured out that cellular signal was not that great and so the Internet was very slow. It took me about 2 minutes to get the full resolution picuture on either of the app you've described. Try to get faster internet either by wifi or good signal and then check.

How to decode a set of datas received from serial port and display image on a canvas based on CVI ?

Hi !
I have received a set of datas via rs232 and it contains picture messages. I have to decode the datas first and then display them on a canvas.
I have known several functions that may be used . Such as
int SetBitmapData (int bitmapID, int bytesPerRow, int pixelDepth, int colorTable[], unsigned char bits[], unsigned char mask[]);
int CanvasDrawBitmap (int panelHandle, int controlID, int bitmapID, Rect sourceRectangle, Rect destinationRectangle);
However,I don't know how to set the following parameters according to the actual pixel values and color values.
int bytesPerRow, int pixelDepth, int colorTable[], unsigned char bits[], unsigned char mask[]
What's more,I have no idea how to decode the datas.
The attachment is a incomplete project. I will be very appreciated if anyone could help me .
Best regards.
xiepei
I wouldn't care success or failure,for I will only struggle ahead as long as I have been destined to the distance.
Attachments:
Decode and display image.zip ‏212 KB

Well, things are getting a bit clearer now.
1. Your image is actually 240x240 pixel (not 320x240 as you told before). The size of image data is 57600 bytes which corresponds to that frmat (I was puzzled by such a data size compared with larger image dimensions!)
2. The image is a 8-bits-per-pixel one; this means that you must provide a color palette to create the bitmap
3. You cannot simply copy image data into bitmap fields in CVI: CreateBitmap always produce an image with pixeldepth matched with display colour depth (normally 24 or 32 bpp)
All that means that you must:
1. Create the appropriate color palette with 256 colors: it may be a grayscale or color palette depending on camera characteristics. Grayscale palette can be found in my sample project, while sample colour palettes can be found here (here the description of a "standard" 8-bpp color palette)
2. Create the bits array correctly dimensioned for the color depth of your monitor
3. Get each pixel value from the camera, lookup in the color palette for the appropriate colour and create the RGB informations into the bits array in memory
4. Display the bitmap on the canvas
As a first step, I would configure my system for 256-color display setting, create a bitmap and simply copy image data into it: you should be able to get the correct image back to your screen.
Proud to use LW/CVI from 3.1 on.
My contributions to the Developer Zone Community
If I have helped you, why not giving me a kudos?

Using flash to display images from sql server or file system

hello,
what methods and parameters of the urlloader class we have to use to display images in a flash player if possible..
also movie should update everytime a new image is added to a database or file
the images can either be in a file system or in a sql database (if possible)
does flash comes with an object of this type or we have to create it.
regards,

i responded to your duplicate message 4 days ago:
is it possible to insert and retrieve images from sql server using actionscript.
you'll need server-side script to query your database and you can use the flash urlloader class to call your script.
also is it possible to create a flash scrolling gallery based on images stored in a database and everytime an image is added it is displayed in the gallery.
load the data using the urlloader class and then load the images. periodically query the database for new images if there's no direct way for flash to know a new image was added.

Question on retrieve image from mysql

i want to retrieve image from mysql database and display on GUI
can anyone tell me how to do
Thank you

You can use the JDBC API for Java Database Connectivity. With this you can obtain data from the database using Java. There is an excellent tutorial here at Sun.com: http://www.google.com/search?q=jdbc+tutorial+site:sun.com You can get the MySQL JDBC driver at their own site: http://www.google.com/search?q=download+jdbc+driver+site:mysql.com Get the most recent version which suits your environment. There is also good documentation available over there.
For displaying in the UI, the approach differs per UI. As you didn't mention which UI you are using, I can't help you further in detail.

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">.

PDF addresses not longer load and display PDF in Firefox and solutions suggest to other users with problem DON'T WORK (work fine in Chrome and Safari)

This is an ongoing problem with other users. When putting a PDF in address window of Firefox and clicking go to address FIREFOX WILL NOT LOAD AND DISPLAY THE PDF. This problem has come up in questions from other users on your site. NONE OF THE SUGGESTED SOLUTIONS WORK! (trying either the Firefox PDF viewer or the Acrobat viewer as default viewer)
I am using Firefox 23.0.1 (as some of the other users with the same problem). This was not a problem in the past with Firefox. Safari and Chrome continue load and display PDFs just fine from their addresses. This is a big problem as I now have to inform people who want to view my PDFs NOT TO USE FIREFOX BUT TO USE SAFARI OR CHROME.

It appears that a link to a PDF on an internet page will not download in Firefox either!
I went to this page:
http://www.nasa.gov/connect/ebooks/earth_art_detail.html#.UjYEzrwsU08
and tried to download the PDF link at the bottom of the page (Download: PDF 11.3 MB) It didn't work! Nothing happens. Tried it in Safari and it worked flawlessly.
I have a PDF file of my work in the public_html folder on my URL. I give the address generated by that file to people who want to view my work---this works perfectly in Safari and Chrome. As to your other question, can't bookmark it if I can't get to it in Firefox.

Problem Displaying image from blob

Hi all,
I m using,
Database : 10g Rel 2
Frontend : DevSuite 10g
OS : WinXp
Browser : IE 6
Problem : In my forms i m displaying images from blob column but some of the images are not displayed. I have tried with all image formats available in combination with all available display quality but no luck. What could be the reason for it and how do i solve it?
Can anyone help me plz?
Thnx in advance.
Imtiaz

Hello,
It is very difficult for us to "guess" what images you can read and what others you cannot.
Maybe you could provide more information on images that are not displayed ?
What is their native format ?
Francois

Display Images from HTMLDB_APPLICATION_FILES Table?

How do I display images from the HTMLDB_APPLICATION_FILES Table?
Are the contents full available potentially for display? Or only after I have written them to another display?
Please advise what I need to do or what corrections below is required:
The calling procedure is a item in a SELECT statement as part of a report query:
<P>
<(img src="#OWNER#.download_HAF_file?p_file= ' || nvl(ID,0) || ' height="50" width="50" )>, HAFimg<P>
The Procedure is a adaptation of the Chapter 8 Exercise of the 2 day developer guide:
CREATE OR REPLACE PROCEDURE "DOWNLOAD_HAF_FILE" (p_file IN NUMBER) AS
     v_mime VARCHAR2(48);
     v_length NUMBER;
     v_file_name VARCHAR2(2000);
     Lob_loc BLOB;
BEGIN
     SELECT MIME_TYPE, BLOB_CONTENT, NAME, DBMS_LOB.GETLENGTH(BLOB_CONTENT)
     INTO v_mime, lob_loc, v_file_name, v_length
     FROM HTMLDB_APPLICATION_FILES
     WHERE ID = p_file;
     -- set up HTTP header
     -- use an NVL around the mime type and
     -- if it is a null set it to application/octect
     -- application/octect may launch a download window from windows
     owa_util.mime_header( NVL(v_mime,'application/octet'), FALSE );
     -- set the size so the browser knows how much to download
     htp.p('Content-length: ' || v_length);
     -- the filename will be used by the browser if the users does a save as
     htp.p('Content-Disposition: attachment; filename="'||SUBSTR(v_file_name,INSTR(v_file_name,'/')+1)|| '"');
     -- close the headers
     owa_util.http_header_close;
     -- download the BLOB
     wpg_docload.download_file( Lob_loc );
END Download_HAF_File;
/Message was edited by:
luddite1812

I believe you put HTML "pre" tags around your quote (with square brackets, I can't type them here because they'll be escaped).
If the example below looks formatted then using "pre" works, if not...then ignore me ;)
begin
select
    count(*)
into
    v_count
from big_table;
end;

Loading And Displaying image From MYSQL

Similar Messages

Maybe you are looking for