在 Vaadin 14/RapidclipseX IMG 组件中访问本地资源（本地目录-项目外）答案

【问题标题】：Accessing Local Resource (local directory- outside project) in Vaadin 14/RapidclipseX IMG component在 Vaadin 14/RapidclipseX IMG 组件中访问本地资源（本地目录-项目外）
【发布时间】：2020-06-11 22:13:17
【问题描述】：

如何在图像组件中从我的硬盘驱动器（外部项目文件夹）访问本地图像文件（以制作图像库）？ 如何写入文件的路径？在 Vaadin 14/RapidclipseX 中。

它只需要来自项目或 URL 的路径。在我的项目中，用户必须上传图片，我想制作一个展示图片的画廊。

我尝试了以下所有方法但没有成功：

D:\\Canavans\\Reports\\256456\\424599_320943657950832_475095338_n.jpg
D:\Canavans\Reports\256456\424599_320943657950832_475095338_n.jpg

代码（也试过这种方式）：

for(final File file: files)
    {
        System.out.println(file.getName());
        this.log.info(file.getName());
        this.log.info(file.getAbsolutePath());
        final String path = "file:\\\\" + file.getAbsolutePath().replace("\\", "\\\\");
        this.log.info(path);
        final Image img = new Image();
        img.setWidth("300px");
        img.setHeight("300px");
        img.setSrc("file:\\\\D:\\\\Canavans\\\\Reports\\\\256456\\\\IMG20171002142508.jpg");
        this.flexLayout.add(img);
    }

请帮忙！提前致谢。或者有没有其他方法可以创建图片库？

【问题讨论】：

标签： vaadin14 rapidclipse

【解决方案1】：

嗯，据我所知，如果您想访问资源文件夹之外的资源，您可以创建一个 StreamResource 并用它初始化图像。如果您想使用图像“src”属性，则该文件必须位于 Vaadin 的资源文件夹之一（例如“webapp”文件夹）。

下面是一个关于如何使用 StreamResource 创建图像的简单示例：

final StreamResource imageResource = new StreamResource("MyResourceName", () -> {
    try
    {
        return new FileInputStream(new File("C:\\Users\\Test\\Desktop\\test.png"));
    }
    catch(final FileNotFoundException e)
    {
        e.printStackTrace();
        return null;
    }
});

this.add(new Image(imageResource, "Couldn't load image :("));

希望这会有所帮助:)

【讨论】：