如何把变量到img src路径在Spring与thymeleaf？

提问者：小点点

嗯，我希望我的图像显示在Front（html）的表格数据中。我使用model. addAtbantes传递玩家信息。我的原始imgfile在路径中： /img/

这是我下面的问题代码：

<tbody>
      <tr th:each="players : ${players}">
        <td><img src="/img/ + ${players.id} + '_' + ${players.name} + '.png'" width="120"/></td>

我的图像命名总是使用“id name”. png定义。我不知道如何将其组合到img src路径。我想要的解决方案是像下面这样工作：

        <td><img src="/img/1_pogba.png" width="120"/></td>

共1个答案

匿名用户

您应该将th： src与img标签一起使用，而不是普通的src属性。只需从此更改您的img标签：

<img src="/img/ + ${players.id} + '_' + ${players.name} + '.png'" width="120"/>

对这个：

<img th:src="@{${'/img/' + players.id +'_'+ players.name + '.png'}}" width="120"/>

有关更多信息，您可以查看此链接：

https://www.thymeleaf.org/doc/articles/standardurlsyntax.html