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>

在listview中包含图像

2 个答案: