JavaFX ImageView via FXML does not work


I have a problem with loading Images with ImageView on FXML.

My controller class:

public class BoxViewController {
    private Label label_boxID;

    private ImageView boximage;

    public void initData(ObservableList<BoxProperty> observableList,
                         BoxService sBox, 
                         TableView tableview) {

        Image image = new Image("boximage.jpg");
        this.boximage = new ImageView();

So, setting the label with a text works, but the image won't appear in my ImageView. For the ImageView, I added an ID to the FXML file:

 <ImageView fx:id="boximage" 
            fitHeight="150.0" fitWidth="200.0"
            layoutX="69.0" layoutY="322.0" 
            preserveRatio="true" />

I'm confused why this is not working because the label works, but the image won't load.
I also checked whether boximage isn't null, but it isn't. There are also no Exceptions.

7/28/2016 2:47:02 PM

Accepted Answer

This works:

BufferedImage bufferedImage;
bufferedImage = File(this.path));
Image image = SwingFXUtils.toFXImage(bufferedImage, null);
6/4/2014 1:24:06 PM

Maybe it's a source image location issue. According to the comments at this website, from "Maxim", if you use new Image("boximage.jpg");, the root directory is the main project folder and e.g for scene.getStylesheets().add("login.css"); the root folder is src. Maybe you could try this:

Image img = new Image("file:boximage.jpg");
ImageView imageView = new ImageView(img);

Try to move the source image to the main project folder for this code

Just for testing purpose, try to load that image from FXML:

<ImageView id="boxImage" ...>    
      <Image url="@boximage.jpg" />

Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow