html - 在thymeleaf spring框架中从本地目录插入图像(使用maven)

Question

我使用此链接开发了一个项目:https://spring.io/guides/gs/serving-web-content/我使用 maven 开发上述项目。

我在这下面有两个 html 文件。 abc.html 和 xyz.html。为了在 html 页面中插入图片，我使用了这样的 url:

<img src="https://example.com/pic_mountain.jpg" alt="Mountain View" style="width:304px;height:228px">

但我想改用位于我的服务器中的图像文件。我尝试将文件放在 html 文件的同一目录中，但它不起作用。我什至尝试给出完整的路径，但没有用。这是一个 ubuntu 操作系统。请帮帮我。有什么地方可以配置基本路径或基本上如何从本地文件夹放置图像。

Answer 1

我希望您查看 Thymeleaf 的 Standard URL Syntax 文档尤其是上下文相关和服务器相关的 url 模式。

上下文相关网址:

If you want to link resources inside your webapp then you should use context relative urls. These are URLs which are supposed to be relative to the web application root once it is installed on the server. For example, if we deploy a myapp.war file into a Tomcat server, our application will probably be accessible as http://localhost:8080/myapp, and myapp will be the context name.

作为 JB Nizet，以下内容对你有用，因为我在 webapp 项目中亲自使用过 thymeleaf ，

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

并且 test.png 应该在 webapp 文件夹内的项目根目录下。大致浏览了一些东西，

Myapp->webapp->images->test.png

例如:

<img th:src="@{/resources/images/Picture.png}" />

输出为:

<img src="/resources/image/Picture.png" />

当您在浏览器中点击 http://localhost:8080/myapp/resources/images/Picture.png 时，您应该能够访问图像以使上述语法正常工作。您的资源文件夹可能会在您的应用程序的 webapp 文件夹下。

服务器相对网址:

Server-relative URLs are very similar to context-relative URLs, except they do not assume you want your URL to be linking to a resource inside your application’s context, and therefore allow you to link to a different context in the same server

语法:

<img th:src="@{~/billing-app/images/Invoice.png}">

输出为:

<a href="/billing-app/showDetails.htm">

如果您的服务器中存在名为 billing-app 的应用程序，上述图像将从与您的上下文不同的应用程序中加载。

来源:Thymeleaf documentation