使用JavaFX上传和显示图像

Question

我正在使用JavaFX，在那里我编写了一个包含显示图像的代码，通过我想在我的场景上显示图像，但它不起作用。图像不显示。
当我使用getAbsolutePath（）时，它还显示一个错误。虽然我70%的编码已经完成，但我只是坚持在现场显示图像（不上传）。
以下是我正在使用的代码：

package application;
    
import java.util.HashMap;

import java.io.File;

import javafx.application.Application;
import javafx.stage.Stage; 
import javafx.stage.FileChooser;
import javafx.scene.Scene;
import javafx.scene.text.*;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.shape.Circle;
import javafx.scene.control.Button;
import javafx.scene.control.Label;


public class Main extends Application {
    
    public ImageView iv;
    private GridPane gridpane;
 
    
//Image
    Image img = new Image("application/PA_Image.jpg");
    


    
    @Override
    public void start(Stage primaryStage) {
        try {
            

//Upload Image Button
            final Button button  = new Button("Display Image");  
            
//FileChooser
            final FileChooser fileChooser = new FileChooser();


            button.setOnAction(e -> {
                File selectedFile  = fileChooser.showOpenDialog(primaryStage);
                 if (selectedFile != null) { 
                     System.out.println(selectedFile.getAbsolutePath());
                      
                     Image image = new Image(selectedFile.getAbsolutePath()); 
                     iv = new ImageView(image);
                     
                     //Image uploadedImage = new Image(selectedFile.getAbsolutePath());
                     
                 }
            });
            
            final StackPane stac = new StackPane();
            stac.getChildren().add(button);

            Scene scene = new Scene(stac,400,400);
            scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
            primaryStage.setScene(scene);
            primaryStage.show();
            
        } catch(Exception e) {
            e.printStackTrace();
        }
    }
    
    public static void main(String[] args) {
        launch(args);
    }
}

所以，我需要的是通过单击按钮并选择图像来显示我的场景中的图像。

Answer 1

Image（）构造函数需要URI而不是绝对路径。有两种方法可以解决这个问题。

>

通过添加所需的前缀在 URI 中转动绝对路径 file://

使用＜code＞InputStream

示例:

button.setOnAction(e -> {
    File selectedFile  = fileChooser.showOpenDialog(primaryStage);
    if (selectedFile != null) {
        System.out.println(selectedFile.getAbsolutePath());

        final InputStream targetStream; // Creating the InputStream
        try
        {
            targetStream = new DataInputStream(new FileInputStream(selectedFile));
            Image image = new Image(targetStream);
            iv = new ImageView(image);

        } catch (FileNotFoundException fileNotFoundException)
        {
            fileNotFoundException.printStackTrace();
        }


    }
});

您的代码还存在一些其他问题。

1. 创建图像视图并对其进行初始化。不是在单击按钮时，而是在开头
2. 将图像视图添加到场景中
3. 不要在每次单击按钮时都创建新的 ImageView，只需更改图像即可。

这是我基于你的代码：

public ImageView iv = new ImageView();
private GridPane gridpane;

@Override
public void start(Stage primaryStage) {
try {


    //Upload Image Button
    final Button button = new Button("Display Image");

    //FileChooser
    final FileChooser fileChooser = new FileChooser();


    button.setOnAction(e -> {
        File selectedFile = fileChooser.showOpenDialog(primaryStage);
        if (selectedFile != null) {

            final InputStream targetStream;
            try {
                targetStream = new DataInputStream(new FileInputStream(selectedFile));
                Image image = new Image(targetStream);
                iv.setImage(image); // Set Image

            } catch (FileNotFoundException fileNotFoundException) {
                fileNotFoundException.printStackTrace();
            }


        }
    });

    final StackPane stac = new StackPane();
    stac.getChildren().add(button);
    stac.getChildren().add(iv); // Add ImageView

    Scene scene = new Scene(stac, 1600, 800);
    //scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
    primaryStage.setScene(scene);
    primaryStage.show();

} catch (Exception e) {
    e.printStackTrace();
}
}