Display picture from FileChooser?

Question

spades0001 -2 Junior Poster in Training

12 Years Ago

Hey guys! So, created a File Chooser that gets a picture. And I want the program to display the picture on the jFrame. How can I accomplish this? I'm using NetBeans, and I'm still kinda new to it :P
Thanks guys! :D
Here's my code:

import java.awt.image.BufferedImage;
import javax.imageio.ImageIO;
import javax.swing.filechooser.FileFilter;
import javax.swing.filechooser.FileNameExtensionFilter;
/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

/*
 * OpenImage.java
 *
 * Created on Nov 30, 2011, 11:58:57 PM
 */
/**
 *
 * @author Kevin
 */

public class OpenImage extends javax.swing.JFrame {

    /** Creates new form OpenImage */
    public OpenImage() {
        initComponents();
        
        
    }

    /** This method is called from within the constructor to
     * initialize the form.
     * WARNING: Do NOT modify this code. The content of this method is
     * always regenerated by the Form Editor.
     */
    @SuppressWarnings("unchecked")
    // <editor-fold defaultstate="collapsed" desc="Generated Code">
    private void initComponents() {

        jFileChooser1 = new javax.swing.JFileChooser();
        jToolBar1 = new javax.swing.JToolBar();
        LoadImage = new javax.swing.JButton();
        jSeparator1 = new javax.swing.JToolBar.Separator();
        RemoveImage = new javax.swing.JButton();
        jSeparator2 = new javax.swing.JToolBar.Separator();
        Exit = new javax.swing.JButton();

        setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);

        jToolBar1.setRollover(true);

        LoadImage.setText("Load an image");
        LoadImage.setFocusable(false);
        LoadImage.setHorizontalTextPosition(javax.swing.SwingConstants.CENTER);
        LoadImage.setVerticalTextPosition(javax.swing.SwingConstants.BOTTOM);
        LoadImage.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                LoadImageActionPerformed(evt);
            }
        });
        jToolBar1.add(LoadImage);
        jToolBar1.add(jSeparator1);

        RemoveImage.setText("Remove Image");
        RemoveImage.setFocusable(false);
        RemoveImage.setHorizontalTextPosition(javax.swing.SwingConstants.CENTER);
        RemoveImage.setVerticalTextPosition(javax.swing.SwingConstants.BOTTOM);
        jToolBar1.add(RemoveImage);
        jToolBar1.add(jSeparator2);

        Exit.setText("Exit");
        Exit.setFocusable(false);
        Exit.setHorizontalTextPosition(javax.swing.SwingConstants.CENTER);
        Exit.setVerticalTextPosition(javax.swing.SwingConstants.BOTTOM);
        Exit.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                ExitActionPerformed(evt);
            }
        });
        jToolBar1.add(Exit);

        javax.swing.GroupLayout layout = new javax.swing.GroupLayout(getContentPane());
        getContentPane().setLayout(layout);
        layout.setHorizontalGroup(
            layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addComponent(jToolBar1, javax.swing.GroupLayout.DEFAULT_SIZE, 568, Short.MAX_VALUE)
        );
        layout.setVerticalGroup(
            layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(layout.createSequentialGroup()
                .addComponent(jToolBar1, javax.swing.GroupLayout.PREFERRED_SIZE, 25, javax.swing.GroupLayout.PREFERRED_SIZE)
                .addContainerGap(355, Short.MAX_VALUE))
        );

        pack();
    }// </editor-fold>

private void LoadImageActionPerformed(java.awt.event.ActionEvent evt) {
   FileFilter ft = new FileNameExtensionFilter("Pictures", ".jpg");
    jFileChooser1.addChoosableFileFilter( ft );

    int returnVal = jFileChooser1.showOpenDialog( this );        
    if (returnVal == javax.swing.JFileChooser.APPROVE_OPTION) {
        
        java.io.File file = jFileChooser1.getSelectedFile( );
        
    }
}

private void ExitActionPerformed(java.awt.event.ActionEvent evt) {
System.exit(0);
}

    /**
     * @param args the command line arguments
     */
    public static void main(String args[]) {
        /* Set the Nimbus look and feel */
        //<editor-fold defaultstate="collapsed" desc=" Look and feel setting code (optional) ">
        /* If Nimbus (introduced in Java SE 6) is not available, stay with the default look and feel.
         * For details see http://download.oracle.com/javase/tutorial/uiswing/lookandfeel/plaf.html 
         */
        try {
            for (javax.swing.UIManager.LookAndFeelInfo info : javax.swing.UIManager.getInstalledLookAndFeels()) {
                if ("Nimbus".equals(info.getName())) {
                    javax.swing.UIManager.setLookAndFeel(info.getClassName());
                    break;
                }
            }
        } catch (ClassNotFoundException ex) {
            java.util.logging.Logger.getLogger(OpenImage.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
        } catch (InstantiationException ex) {
            java.util.logging.Logger.getLogger(OpenImage.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
        } catch (IllegalAccessException ex) {
            java.util.logging.Logger.getLogger(OpenImage.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
        } catch (javax.swing.UnsupportedLookAndFeelException ex) {
            java.util.logging.Logger.getLogger(OpenImage.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
        }
        //</editor-fold>

        /* Create and display the form */
        java.awt.EventQueue.invokeLater(new Runnable() {

            public void run() {
                new OpenImage().setVisible(true);
            }
        });
    }
    
    // Variables declaration - do not modify
    private javax.swing.JButton Exit;
    private javax.swing.JButton LoadImage;
    private javax.swing.JButton RemoveImage;
    private javax.swing.JFileChooser jFileChooser1;
    private javax.swing.JToolBar.Separator jSeparator1;
    private javax.swing.JToolBar.Separator jSeparator2;
    private javax.swing.JToolBar jToolBar1;
    // End of variables declaration
}

java

3 Contributors
11 Replies
241 Views
1 Day Discussion Span
Latest Post 12 Years Ago Latest Post by mKorbel

All 11 Replies

Ezzaral 2,714 Posting Sage

12 Years Ago

Once you have a selected File object, you can create an ImageIcon and display it in a JLabel on your frame.

Take a look through this tutorial for more information and some sample code:
http://docs.oracle.com/javase/tutorial/uiswing/components/icon.html

Ezzaral 2,714 Posting Sage

12 Years Ago

Yes, somewhat. You can go ahead and put a JLabel in your UI to hold the image and when you want to set or update it, you can call setIcon() to specify the new image icon.

mKorbel 274 Veteran Poster

12 Years Ago

agreed with Ezzaral

for safiest way only to add flush method e.g.

myIcon.getImage().flush();

then add Icon to JLabel

myLabel.setIcon(myIcon);

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

spades0001 -2 Junior Poster in Training · Answer 1 · 2011-12-01T01:59:17+00:00

Thanks for that link! :D But my problem is that I'm not quite sure how to implement that into my code. I'm still kinda new to NetBeans.

spades0001 -2 Junior Poster in Training · Answer 2 · 2011-12-01T02:07:55+00:00

Ok, I think I get it.
So, I a select an image file with this:

java.io.File file = jFileChooser1.getSelectedFile( );

The image file is stored in the variable "file".
Then I'll create a jLabel:

JLabel jLabel1 = new JLabel();

and then an ImageIcon:

ImageIcon image = new ImageIcon(file);

Like this?

spades0001 -2 Junior Poster in Training · Answer 3 · 2011-12-01T02:14:19+00:00

I tried coding it and it doesn't work.

ImageIcon image = new ImageIcon(file);

What's the problem with it?

Ezzaral 2,714 Posting Sage Team Colleague Featured Poster · Answer 4 · 2011-12-01T02:18:34+00:00

Check the constructors for ImageIcon. You need to either use the string file path which you can get with file.getPath() or a URL object, which can be obtained from a File with the toURL() method

spades0001 -2 Junior Poster in Training · Answer 5 · 2011-12-01T02:37:20+00:00

I'm kinda confused. :/
Does it end up looking like this:

JLabel jLabel1 = new JLabel(image);
        ImageIcon image = new ImageIcon(file.getPath());

Ezzaral 2,714 Posting Sage Team Colleague Featured Poster · Answer 6 · 2011-12-01T03:49:46+00:00

No, you can't reference an image you haven't created yet. You must swap those two lines. This is remedial language usage.

spades0001 -2 Junior Poster in Training · Answer 7 · 2011-12-01T23:25:38+00:00

Hey guys! I was able to display the picture earlier, but something happened to my laptop and I wasn't able to save :(
Anyway, I forgot what I did and I'm trying to re-trace my steps. Here's the code I got now:

private void LoadImageActionPerformed(java.awt.event.ActionEvent evt) {                                          
int returnVal = jFileChooser1.showOpenDialog( this );        
    if (returnVal == javax.swing.JFileChooser.APPROVE_OPTION) {
        
        File file = jFileChooser1.getSelectedFile( );
            
                
                image = ImageIO.read(file);
                
                ImageIcon image = new ImageIcon(file.getPath());
                jLabel1 = new JLabel(image);
            
      
        
}                                         
}

NetBeans gave me this suggestion for my code:

private void LoadImageActionPerformed(java.awt.event.ActionEvent evt) {                                          
int returnVal = jFileChooser1.showOpenDialog( this );        
    if (returnVal == javax.swing.JFileChooser.APPROVE_OPTION) {
        
        File file = jFileChooser1.getSelectedFile( );
            try {
                image = ImageIO.read(file);
            } catch (IOException ex) {
                Logger.getLogger(OpenImage.class.getName()).log(Level.SEVERE, null, ex);
            }
                
                ImageIcon image = new ImageIcon(file.getPath());
                jLabel1 = new JLabel(image);
            
      
        
}                                         
}

Ezzaral 2,714 Posting Sage Team Colleague Featured Poster · Answer 8 · 2011-12-01T23:48:07+00:00

Why are you trying to load 'image' twice? You shouldn't need the ImageIO.read() at all. The ImageIcon should suffice.

You also do not need to create a new label if you already have one placed in your UI. Just call label.setIcon() to set the new image.

Display picture from FileChooser?

Recommended Answers Collapse Answers

All 11 Replies

Recommended Answers