How to Show image in grid view using asp.net

Question

0.00/5 (No votes)

See more:

C#

ASP.NET

Plz help me .. i am trying to show the pic in grid view but my code is not working....

Posted 27-Jun-12 5:57am

Asim8748

Add a Solution

Comments

preet88 27-Jun-12 12:07pm

hi asim please make it clear from where you are getting the data or url of pic.

3 solutions

Solution 3

Here, have a look:
MSDN: Displaying Images in a GridView Column[^]
Displaying Images from a Database in a GridView[^]
Display Images In GridView From DataBase Asp.Net[^]

Try!

Posted 27-Jun-12 7:16am

Sandeep Mewara

Comments

Espen Harlinn 27-Jun-12 19:12pm

Really nice links :-D

Sandeep Mewara 28-Jun-12 9:01am

Thanks Espen.

Solution 2

instead of using asp:image in ItemTemplae use below code
<asp:imagefield dataimageurlfield="ImageURLfromdatarow"/>

Posted 27-Jun-12 6:18am

Member 2555246

Updated 27-Jun-12 6:19am

v2

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

preet88 · Accepted Answer · 2012-06-27T06:11:00

Solution 1

hi asim
im assuming that you have it in your database

XML

<asp:GridView ID="GridView1" runat="server">
          <Columns>
              <asp:TemplateField>
                  <ItemTemplate>
                      <asp:Image ID="Image1" ImageUrl="bind the column name from database here" runat="server" />
                  </ItemTemplate>
              </asp:TemplateField>
          </Columns>
      </asp:GridView>

for other columns you can repeat this template field.
hope it will help
thanks

Posted 27-Jun-12 6:11am

preet88

v2

Comments

Asim8748 27-Jun-12 12:20pm

Hi Preet !

I am also using this code but it shows the other coloumns same as i input but does not show the image in grid ...

preet88 28-Jun-12 5:20am

hi then you must be storing image data instead of url of image... for now i suppose you may to take asp:imagefield as suggested in solution 2 but i'm not sure if it works with data..
im able to find some links hopefully they may help you
http://www.aspsnippets.com/Articles/Display-images-from-SQL-Server-Database-in-ASP.Net-GridView-control.aspx
http://www.dotnetfunda.com/articles/article1084-saving-images-into-the-database-in-aspnet-and-displaying-to-the-gridview-.aspx
For future i suggest you that store relative path instead of image data as image data degrades your query performance..
thanks.