javascript 如何显示一个图像使用它的网址与Thymeleaf?

jpfvwuh4  于 2023-02-02  发布在  Java
关注(0)|答案(1)|浏览(135)

我目前正在尝试使用Java Spring、MySQL和Thymeleaf来显示实际的图像,而不是它的URL。我有一个类可以从数据库中获取URL作为字符串。

@Entity
@Table(name="person")
public class Person{

@Id
@GeneratedValue(strategy=GenerationType.IDENTITY)
@Column(name="id")
private int id;

@Column(name="name")
private String name;

@Column(name="image")
private String image;

@Column(name="number")
private int number;

在html表单中,我有:

<table class="table table-bordered table-striped">
    <thead class="thead-dark">
        <tr>
          <!-- table headings -->
            <th>Name</th>
            <th>Image</th>
            <th>Number</th>             
        </tr>   
    </thead>
    
    
    <tbody>
        <!-- Looping over data -->
        <tr th:each="person: ${person}">
        
            <td th:text="${person.name}" />
            <td th:text="${person.image}" />
            <td th:text="${person.number}" />

            <td>
            </td>
        </tr>   
    </tbody>

</table>

我需要什么样的thymeleaf表达式或javascript代码来显示url中的图像,而不仅仅是URL字符串?

j9per5c4

j9per5c41#

在运行th:each="person : ${persons}"之前,您还可以/应该检查列表是否为空:'th:if="${不是#列表.isEmpty(人)}"。
但对于形象问题:如果您的person有一个字段包含所需图像的URI(例如,数据文件夹的相对/绝对路径或在线托管图像的URL),您只需“复制”HTML语法并在其前面添加th:<img th:src="${person.imageUrl}" />
干杯

相关问题