【问题标题】:How to display image in gridview from server floder?如何从服务器文件夹在gridview中显示图像?
【发布时间】:2012-09-28 19:02:45
【问题描述】:

我收到以下代码错误

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

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

【问题讨论】:

    标签: c# asp.net


    【解决方案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";
          }
      }
      

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-08-19
      • 2023-03-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-28
      • 2012-09-21
      相关资源
      最近更新 更多