时间戳

首页 > 解决方案 > 图像未显示在 S3 URL 的 Thymeleaf 图像 src 中

html - 图像未显示在 S3 URL 的 Thymeleaf 图像 src 中

问题描述

我将存储在 S3 中的图像 URL 列表传递给我的 HTML 页面以显示。但是，图像没有显示出来。下面是我的 HTML 文件。p 标签正确显示 URL。

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Display S3 Images</title>
</head>
<body>
<div th:each=" url: ${imageURL}">
    <p th:text="${url}"></p>
    <img src="${url}" width="300" height="300">
</div>
</body>
</html>

PS 当我对每个 URL 进行硬编码时，图像就会显示出来，但显然我不希望这样。任何帮助表示赞赏。

标签： htmlamazon-web-servicesspring-bootamazon-s3thymeleaf

解决方案

我认为您缺少 CID 符号。你可以阅读更多关于它的信息：

CID 符号示例

推荐阅读