JavaFX ImageView via FXML does not work

Question

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

My controller class:

public class BoxViewController {
    @FXML
    private Label label_boxID;

    @FXML
    private ImageView boximage;

    public void initData(ObservableList<BoxProperty> observableList,
                         BoxService sBox, 
                         TableView tableview) {
        this.label_boxID.setText(
            String.valueOf(this.boxproperty.getPboxid()));

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

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" 
            disable="false" 
            fitHeight="150.0" fitWidth="200.0"
            layoutX="69.0" layoutY="322.0" 
            pickOnBounds="true" 
            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.

Answer 1

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>
      <Image url="@boximage.jpg" />
   </image>
</ImageView>

Answer 2

This works:

BufferedImage bufferedImage;
bufferedImage = ImageIO.read(new File(this.path));
Image image = SwingFXUtils.toFXImage(bufferedImage, null);
this.boximage.setImage(image);