title: How to load image in ImageView dynamically in Java FX
body: <p>I'm working with FXML and have two different Scene on a single Stage. btnStart is on scene1, and imgBtn is on scene2. When I click btnStart it sets scene2 to stage and loads an image to imageView (this is throwing NullPointerException). But when I click imgBtn on scene2 it is loading image.</p>
  
  <p>My question is how to load image dynamically when I switch to scene2 ?</p>
  
  <pre><code>@FXML private Button imgBtn;
  @FXML private Button btnStart;
  @FXML public ImageView imageView;
  
  @FXML
  public void imgBtnClicked()throws Exception{      
      imageView.setImage(new Image(new FileInputStream("src/Assets/CardAssets/png-v2/3C.png")));
  }
  
  
  @FXML
  public void btnStartClicked()throws Exception{
      SetScene2();
      imageView.setImage(new Image(new FileInputStream("src/Assets/CardAssets/png-v2/3C.png")));
  
  }  
  
  public void SetScene2()throws Exception {
      Parent root = FXMLLoader.load(getClass().getResource(fxmlFile2.fxml));
      String css=getClass().getResource("myStyle.css").toExternalForm();
      Scene scene;
      try{
          scene=new Scene(root,root.getScene().getWidth(),root.getScene().getHeight());
      }
      catch(NullPointerException e) {
          scene=new Scene(root,stage.getWidth(),stage.getHeight());
      }
      scene.getStylesheets().add(css);
      stage.setScene(scene);
  }
  </code></pre>