Bueno, quiero que mi imagen se muestre con los datos de la tabla al frente (html). Utilizo model.addAttributes para pasar información de los jugadores. Y mi archivo img original está en la ruta: / img /

Este es mi código de problema a continuación:

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

El nombre de mi imagen siempre se define con "id + nombre" .png. No sé cómo combinarlo con la ruta img src. Y lo que quiero como solución es trabajar como a continuación:

        <td><img src="/img/1_pogba.png" width="120"/></td>
1
Kioni 1 sep. 2020 a las 10:49

1 respuesta

La mejor respuesta

Debe utilizar th:src con la etiqueta img en lugar del atributo src normal. Simplemente cambie su etiqueta img de esto:

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

A esto:

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

Para más información puede consultar este enlace:

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

2
Ajit Soman 1 sep. 2020 a las 09:22