Question

Vaadin Flow提供了一个Image类，表示HTML img标签。

如果我在Vaadin 12应用程序的logo.png文件夹中存储了名为resources的文件，如何加载该文件以在布局上显示为Image？

Image in the Vaadin 8 Sampler的示例显示了不再相关的代码，因为我在Flow中找不到ClassResource类。

Answer 1

您可以将该徽标放在您的构建工具/设置认为是目录est <- est.from.bootstrap perc <- c(quantile(bootstrap.vector, prob=0.025), quantile(bootstrap.vector, prob=0.075)下的Web资源根目录下，然后像这样引用该资源：

frontend/...

Answer 2

如果您的资源不在Web资源的根目录内，https://vaadin.com/docs/v13/flow/advanced/tutorial-dynamic-content.html会提示使用com.vaadin.flow.server.StreamResource通过java.io.InputStream提供数据：

StreamResource res = new StreamResource("logo-image.png", () -> {
    // eg. load image data from classpath (src/main/resources/images/image.png)
    MainView.class.getClassLoader().getResourceAsStream("images/image.png")
});
Image imageFromStream = new Image( res,"Alternativ text description for logo image");
add(imageFromStream);

加载一个PNG图像文件作为图像对象显示在Vaadin Flow布局上

2 个答案: