HTMLを評価するには

Question

私は自分のページに画像を表示したい、私はHTTP URLを含むスパンタグを評価するのに苦労している。

私はあなたが私を見ることができるようにHTML

<div th:fragment="logout" class="logout" sec:authorize="isAuthenticated()"> 
<div class="container"> 
     <div class="row"> 
      <div class="span2 display-label">Name:</div> 
      <div class="span4 display-values"> 
       <p> 
        <span sec:authentication="principal.firstName"></span> <span sec:authentication="principal.lastName"></span> 
       </p> 
      </div> 
     </div> 
     <div class="row"> 
      <div class="span2 display-label">Email:</div> 
      <div class="span4 display-values"> 
       <p> 
        <span sec:authentication="name"></span> 
       </p> 
      </div> 
     </div> 
     <div class="row"> 
      <div class="span2 display-label">Image:</div> 
      <div class="span4 display-values"> 
       <span sec:authentication="principal.image"> </span> 
      </div> 
     </div> 
     <div> 
      <form action="#" th:action="@{/logout}" method="post"> 
       <input type="submit" value="Logout" /> 
      </form> 
     </div> 
    </div> 

が

Name: 
Abhishek 

Email: 
abhishek@gmail.com 

Image: 
https://scontent.xx.fbcdn.net/v/t1.0-0/p480x480/320426_10151045513476766_423049521_n.jpg?oh=766767548269c2483f0ad1e865d 

を印刷されるように、基本的には下のlastNameの画像等、firstNameの、などのカスタムフィールドを持つように認証オブジェクトを更新した

<span sec:authentication="principal.image"> 

有効なURLを持っていますか？このURLを囲む場合は<img src=""...>

は、私が

• <img src = <span sec:authentication="principal.image"> </span></img>
• <img th:src = <span sec:authentication="principal.image"> </span></th>

を試してみましたが、しかし、これらはいずれも作業していません。

PS：私は店の画像URLにモデルの属性を作成し、あなたが投稿した構文が正しくありませんページ

Answer 1

にそれを表示したくありません。次の構文で認証オブジェクトを使用してみてください。

<img th:if="${#authentication.principal.image}" 
    th:src="${#authentication.principal.image}" 
    alt="placeholder" />