在列表視圖中包含圖像

Question

我正試圖在ListView中包含用戶圖像。如何在此列表視圖中包含圖像。請幫我解決這個問題。

<asp:ListView ID="lvwUsers" runat="server" > 
     <ItemTemplate> 

       <!-- small box --> 
       <div class="small-box bg-aqua"> 
       <div class="inner"> 
        <h3><%# Eval("UserName") %></h3> 

        <p><%# Eval("Email") %></p> 
       </div> 
       <div class="icon"> 
        <i class="ion ion-person-add" ></i> 
       </div> 

       </div> 

     </ItemTemplate> 
    </asp:ListView> 

Answer 1

你可以試試這個方法之一：

圖像路徑：

<ItemTemplate> 
        <img src='<%#Eval("ImageUrl") %>' alt="" /> 
       </ItemTemplate> 

與其他代碼

<asp:ListView runat="server" ID="ListView1" > 
      <LayoutTemplate> 
       <div> 
        <div runat="server" id="itemPlaceHolder"> 
        </div> 
       </div> 
      </LayoutTemplate> 
      <ItemTemplate> 
       <img src='<%#Eval("ImageUrl") %>' alt="" /> 
      </ItemTemplate> 
     </asp:ListView> 

右鍵，你在正確的軌道上。這應該做的伎倆：

<asp:ListView ID="ListView1" runat="server"> 
    <ItemTemplate> 
     <asp:Image ID='Image1' runat='server' ImageUrl='~/assets/Image/?id=<%#Eval("AlbumID") %>' /> 
    </ItemTemplate> 
</asp:ListView> 

Answer 2

只需保存圖像路徑DB，呈現在<img>標籤

  <!-- small box --> 
      <div class="small-box bg-aqua"> 
      <div class="inner"> 

      <img src='<%# Eval("Image_url") %>"/> 

       <h3><%# Eval("UserName") %></h3> 

       <p><%# Eval("Email") %></p> 
      </div> 
      <div class="icon"> 
       <i class="ion ion-person-add" ></i> 
      </div> 

      </div> 

    </ItemTemplate> 
</asp:ListView>