How Display image in GridView

Question

How to display image in grid view..

1 . upload image in database ...file name.

2.image file save in created folder...

3-in grid view show only file name...

after edited column in grid view ...Imagefield name...imagefileurl...databasefile name..

At the end its not show image...

please guide...

Vindhya Yadaav · Answer

1- Uploadfile through file uploader.....file path save in Database as file name.. 2 - image file save in created folder. after that take 1 .grid view1 and sqldatasource1 2. select in grid view1..... sqldatasource1 after that run grid view it show only file path..as filename. after edit grid view column add image field ....DataImageUrlfield.. filepath after that its not display image only image field show....

Munesh Sharma · Answer

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

Rupali Shinde · Answer

Hi, Please check below code: 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 > ------------------ DataTable dt = new DataTable (); String strConnString = System.Configuration. ConfigurationManager . ConnectionStrings[ "conString" ].ConnectionString; string strQuery = "select ID, Name from tblFiles order by ID" ; SqlCommand cmd = new SqlCommand (strQuery); SqlConnection con = new SqlConnection (strConnString); SqlDataAdapter sda = new SqlDataAdapter (); cmd.CommandType = CommandType .Text; cmd.Connection = con; try { con.Open(); sda.SelectCommand = cmd; sda.Fill(dt); GridView1.DataSource = dt; GridView1.DataBind(); GridView2.DataSource = dt; GridView2.DataBind(); } catch ( Exception ex) { Response.Write(ex.Message); } If it works out, Please Accept this as Answer

Rajeesh Menoth · Answer

Hi, Refer this links.. http://www.c-sharpcorner.com/Blogs/47867/display-images-in-gridview-from-folder-in-Asp-Net.aspx http://www.aspdotnet-suresh.com/2011/03/how-to-save-images-into-folder-and.html http://www.aspdotnet-suresh.com/2015/07/save-retrieve-display-binary-images-in-gridview-from-database-in-aspnet-csharp-vbnet.html

Jitendra Kumar · Answer

See links :- http://www.c-sharpcorner.com/UploadFile/5089e0/show-image-in-gridview-using-Asp-Net/ http://www.aspdotnet-suresh.com/2011/01/how-to-insert-images-into-database-and.html http://www.aspsnippets.com/Articles/Display-images-from-SQL-Server-Database-in-ASP.Net-GridView-control.aspx

How Display image in GridView

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (5)