Question

以下是我的代码每件事情都很好我可以加载一个远程页面我可以把html内容但我的img标签显示一个X标志意味着它无法加载图像。

注意：我的图片位于同一个包中，类JavaFX位于文件夹Smiley中，我可以列出所有图片，表示路径没有问题

import java.awt.BorderLayout;
import java.io.File;
import javafx.application.Platform;
import javafx.embed.swing.JFXPanel;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javax.swing.JFrame;
import javax.swing.SwingUtilities;

    public class JavaFX {

    static WebView webView;
    static WebEngine webEngine;
    static String imgs = "";
    public JavaFX() {
        File f = new File(getClass().getResource("/Smiley").getFile());
        for (File fs : f.listFiles()) {
            imgs += "<img src=\""+fs+"\" width='50' />";
        }
        System.out.println(imgs);
    }

    private void initAndShowGUI() {
        // This method is invoked on Swing thread
        JFrame frame = new JFrame("FX");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.getContentPane().setLayout(new BorderLayout()); 
        final JFXPanel fxPanel = new JFXPanel();
        frame.add(fxPanel, BorderLayout.CENTER);
        frame.setVisible(true);
        frame.setSize(800, 800);

        Platform.runLater(new Runnable() {
            @Override
            public void run() {
                initFX(fxPanel);
            }
        });
    }

    private void initFX(final JFXPanel fxPanel) {
        Group group = new Group();
        Scene scene = new Scene(group);
        fxPanel.setScene(scene);
        webView = new WebView();

        group.getChildren().add(webView);
        webEngine = webView.getEngine();
        webEngine.loadContent("<div id='content'>"+imgs+"</div>");      
      }

    public static void main(final String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
            @Override
            public void run() {
               JavaFX fx = new JavaFX();
                fx.initAndShowGUI();
            }
        });
    }
  }

输出Follwing

Output of the above program

Answer 1

谢谢你们的帮助，我得到了以下非常简单的解决方案

imgs += "<img src=\""+fs.toURI()+"\" width='50'>";

必须将图像路径转换为URI或URL才能使webView能够读取它

Answer 2

你可以试试这个：

URL url = getClass().getResource("Smiley.png");
File file = new File(url.getPath());

Answer 3

您可能还需要通过getClass().getResource()读取文件路径：

    for (File fs : f.listFiles()) {
        imgs += "<img src=\"" + getClass().getResource(fs.getName()) + "\" width='50' />";
    }

JavaFX：在WebView img标签中没有加载本地图像

3 个答案: