c# - 如何从服务器 Floder 在 gridview 中显示图像？

Question

我收到以下代码错误

 <asp:TemplateField HeaderText="Image">
<ItemTemplate>
   <asp:Image ID="img" runat="server" ImageUrl="~/Attachment/<%#Eval("Image") %>" />
</ItemTemplate>
</asp:TemplateField>

error 解析器错误消息：服务器标签格式不正确。

Answer 1

首先试试这个：

 <asp:TemplateField HeaderText="Image">
 <ItemTemplate>
    <asp:Image ID="img" runat="server" ImageUrl="<%# Page.ResolveClientUrl(String.Format("~/Attachment/{0}",Eval("Image"))) %>" />
    </ItemTemplate>
 </asp:TemplateField>

---

在服务器中而不是在客户端中还有另一种选择。如果您需要在运行时设置图像 url，它会很有用。

 <asp:GridView runat="server" ID="gvActivities" AllowSorting="true" AllowPaging="true"
        PageSize="25" AutoGenerateColumns="false" Width="100%" OnSorting="gvActivities_Sorting"
        OnRowDataBound="gvActivities_RowDataBound">
        <Columns>

            <asp:TemplateField HeaderText='Image' HeaderStyle-Width="4%"
                SortExpression="ActivityType">
                <ItemTemplate>
                    <asp:Image ID="ImageType" runat="server" AlternateText='<%# Eval("Type") %>' />
                </ItemTemplate>
            </asp:TemplateField>

你能看到吗，我正在使用 OnRowDataBound 来设置图像 url。

1. 我没有在客户端中设置 ImageURL。
2. 我正在检查 Row 类型是否为 Data Row。
3. 然后我正在创建一个图像并将笑容中的图像放入其中。看到我正在使用 FindControl 方法。“ImageType”是网格中图像的 id。

4. 然后我正在设置 imageURL 属性

   protected void gvActivities_RowDataBound(object sender, GridViewRowEventArgs e)
   {
      if (e.Row.RowType == DataControlRowType.DataRow)
       {
          Image img = (Image)e.Row.Cells[0].FindControl("ImageType");
          img.ImageUrl = Page.ResolveClientUrl("Image URL path);
          img.AlternateText = "Text";
          img.ToolTip = "Tooltip";
       }
   }