GridView - Image Column From Database
GridView - Image Column From Database
com/questions/29739907/display-an-image-from-a-link-in-an-a
sp-net-gridview
You can try below code to display image in GridView which stored as a link in da
tabase. I have used simple HTML img tag to display image.
<asp:GridView ID="gvImages" CssClass="Gridview" runat="server" AutoGenerateColu
mns="False"
HeaderStyle-BackColor="#7779AF" HeaderStyle-ForeColor="white">
<Columns>
<asp:BoundField HeaderText = "Image Name" DataField="ImageURL" />
<asp:TemplateField HeaderText="Image">
<ItemTemplate>
<img src='<%# Eval("ImageURL") %>' Height="150" Width="150" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:TemplateField>
<ItemStyle Width="10%" HorizontalAlign="center" Vert
icalAlign="Bottom"/>
<HeaderStyle HorizontalAlign="center" />
<HeaderTemplate>
<strong>Options</strong>
</HeaderTemplate>
<ItemTemplate>
<a href="#" onclick='popModalSave("<%# Eval("DPT
_KEY")%>","<%# Eval("DPT_NME")%>")'>Edit</a>
<a href="#" onclick='popModalDel("<%# Eval("DPT_
KEY")%>","<%# Eval("DPT_NME")%>")'>Delete</a>
</ItemTemplate>
</asp:TemplateField>