在春季启动时无法加载图像

Question

我正在使用Spring Boot和Thymeleaf做一个体育电子商务网站，在产品页面的索引和特定产品的编辑页面中，我无法查看该产品的图片。这是如何编辑一个产品页面(检查Chrome)看起来

这是编辑产品的HTML代码。当前图像下面的行是为编辑和索引生成错误的行。

<div class="form-group">
<label for="">Image:</label>
<input type="file" class="form-control" th:name="file" th:id="file">
<img class="mt-2" src="#" alt="" id="imgPreview1">
<br><br>
<label for="">Current image:</label>
<img style="width: 100px;" th:src="@{'media/'+${product.image}}"> 
</div>

我从src/main/resources/static/media中的媒体文件夹中获取图像，并从数据库中获取产品名称。从数据库中获取映像文件的名称没有错误。好像是路径错误，但我看不出来。

Answer 1

您的HTML或JSP页面始终在../resources/templates/中，您的映像路径为../resources/static/media/。要从static文件夹中获取图像，您必须从当前文件夹中返回../，然后进入media文件夹，该文件夹位于static文件夹内…

改变:

../resources/static/media/liverpool_21_22_home_kit.jpg

:

../media/liverpool_21_22_home_kit.jpg

Answer 2

在spring boot中，页面是在"模板"下搜索的。文件夹和资源映射在"静态"下。默认为文件夹。要访问静态文件夹下的图像文件，请尝试

/image-path/image.ext

例如，我在static下有一个src文件夹里面有一些图片，比如logo。png然后，

/src/logo.png