Store and Display Image from Database

Question

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.

Answer 1

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;
}