How to set image in Gridviewcolumn in asp.net

Question

User-1568349305 posted

hi friends......

              How to set image in Gridviewcolumn in asp.net using c#.

      so please give some example coding......

Answer 1

User614698185 posted

Hi jeganjoseph,

If you want to display images in Gridview, you could use Image Field of GridView or Image Control in Template Field on GridView, like below:

Using Image Field of GridView:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns = "false"
Font-Names = "Arial" Caption = "Using ImageField">
<Columns>
    <asp:BoundField DataField = "ID" HeaderText = "ID" />
    <asp:BoundField DataField = "Name" HeaderText = "Image Name" />
    <asp:ImageField DataImageUrlField = "ID" 
        DataImageUrlFormatString = "ImageCSharp.aspx?ImageID={0}"
     ControlStyle-Width = "100" ControlStyle-Height = "100" 
     HeaderText = "Preview Image"/>
<Columns> 
<asp:GridView>

Using Image Control in Template Field on GridView:

<asp:GridView ID="GridView2" runat="server" AutoGenerateColumns = "false" 
Font-Names = "Arial" Caption = "Using ImageControl" >
<Columns>
    <asp:BoundField DataField = "ID" HeaderText = "ID" />
    <asp:BoundField DataField = "Name" HeaderText = "Image Name" />
    <asp:TemplateField>
        <ItemTemplate>
          <asp:Image ID="Image1" Height = "100" Width = "100" runat="server" ImageUrl = '' />
        <ItemTemplate> 
    <asp:TemplateField> 
<Columns> 
<asp:GridView>

Please see: http://www.aspsnippets.com/Articles/Display-images-from-SQL-Server-Database-in-ASP.Net-GridView-control.aspx

Best Regards,

Candice Zhou

Answer 2

User-1636183269 posted

https://msdn.microsoft.com/en-us/library/aa479350.aspx

Answer 3

User-1377768212 posted

How to set image in Gridviewcolumn in asp.net using c#.

Refer the following article:

http://www.c-sharpcorner.com/UploadFile/5089e0/show-image-in-gridview-using-Asp-Net/