Display Image from a database in Repeater Control

Are you storing image or image path in database?

image name

You can follow the same approach by following these examples:

• Uploading and Storing Images to Database in ASP.NET
• Displaying Image to Image Control based on User Selection in ASP.NET
• FAQ: Displaying Image from Database to GridView Control
• Uploading and Storing Image Path to Database and Image to Folder - Part 1
• Uploading and Storing Image Path to Database and Image to Folder - Part 2 (Displaying of Images)
• Validate Image extensions upon Upload
• http://geekswithblogs.net/dotNETvinz/archive/2012/01/11/show-large-image-on-mouseover-with-jquery.aspx

Refer

Display Images in GridView Control using the path stored in SQL Server database

Just use Repeater instead of GridView

image is not diplayed in repeater control.

image path is stored in database column.

<asp:Repeater ID="Rptr_Article" runat="server">

<HeaderTemplate>

<table style=" border:1px solid #df5015; width:500px" cellpadding="0">

<tr style="background-color:#df5015; color:White">

<td colspan="2">

<b>Recent Articles</b>

</td>

</tr>

</HeaderTemplate>

<ItemTemplate>

<tr style="background-color:#EBEFF0">

<td>

<table style="background-color:#EBEFF0;border-top:1px dotted #df5015; width:500px" >

<tr>

<td>

Title:

<asp:Label ID="lblarticle_title" runat="server" Text='<%#Eval("article_title") %>' Font-Bold="true"/>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<asp:Image Width="100" ID="Image2" ImageUrl='<%# Bind("filepath", "~/Uploads/{0}") %>' runat="server" />

 //comment : filepath is the columnname and ~/Uploads is the folder where images r present

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td colspan="2">&nbsp;</td>

</tr>

</ItemTemplate>

<FooterTemplate>

</table>

</FooterTemplate>

  </asp:Repeater>

code is below

public void GetData()

    {

        try

        {

            DataSet dsNewsDetail = objArticleDAL.Get_Latest_Article();

            if (dsNewsDetail.Tables[0].Rows.Count > 0)

            {

                Rptr_Article.DataSource = dsNewsDetail;

                Rptr_Article.DataBind();

            }

            else

            {

                Rptr_Article.Visible = false;

            }

        }

        catch (Exception ex)

        {

            Response.Write(ex.Message);

        }

    }