Question

您好我在resources / static中有这样的图片并将它们放入我的index.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8"/>
    <title>Test</title>

</head>
<body>
<div>
    <form method="POST" enctype="multipart/form-data" action="/">
        <p>
            <img src="../static/image1.png" alt="Image 1"/>
            <img src="../static/image2.png" alt="Image 2"/>
            <tr>
                <td></td>
                <td><input type="submit" value="Test"/></td>
            </tr>
        </p>
    </form>
</div>

<div th:if="${success}">
    <img src="/static/result.png"/>
</div>

</body>
</html>

然后，在ResourceConfig

中

@Configuration
@EnableWebMvc
@ComponentScan
public class ResourceConfig extends WebMvcConfigurerAdapter {

    private static final String[] CLASSPATH_RESOURCE_LOCATIONS = {
            "classpath:/META-INF/resources/", "classpath:/images/",
            "classpath:/static/", "classpath:/public/" };

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        if (!registry.hasMappingForPattern("/webjars/**")) {
            registry.addResourceHandler("/webjars/**").addResourceLocations(
                    "classpath:/META-INF/resources/webjars/");
        }
        if (!registry.hasMappingForPattern("/**")) {
            registry.addResourceHandler("/**").addResourceLocations(
                    CLASSPATH_RESOURCE_LOCATIONS);
        }
    }
}

问题是，该应用程序没有看到我的图像。我已经添加了资源处理程序，但它还没有工作。输出是

Output

Answer 1

这个@Override方法addResourceHandlers显示了Spring Framework，其中包含静态资源。所以...包含图像的文件夹也是静态资源，必须位于根静态资源处理程序之下。像这样设置并在项目的WebContent文件夹下创建此文件夹。

@Override
    public void addResourceHandlers(final ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/assets/**").addResourceLocations("/assets/");
    }

Answer 2

html模板中的这一行

<div th:if="${success}">

让我觉得你正在使用Thymeleaf作为你的模板引擎。如果是这种情况，您应该使用它来引用静态内容：

<img th:src="@{/result.png}"}/>

如果您的png文件确实位于静态文件夹的根目录中。

如何使Spring Boot从资源中查看我的图像

2 个答案: