Search code examples
c#asp.netrepeaterhtml

how to show image in the column of repeater control in asp.net?


I'm using repeater control from asp.net for data binding. And for designing i used the div & span for data representation. I have 4 fields to my table & i want to show the images on the each span depending on the field value. Images are stored in my project path itself.

How to do this?


Solution

  • Use this

    <asp:Repeater ID="RepeaterImages" runat="server">
        <ItemTemplate>
            <img src='<%#GetImage(Databinder.Eval(Container.DataItem, "ImageID"))%>' alt="" width="" height="" />
        </ItemTemplate>
    </asp:Repeater>
    

    Now we need to create a function to retrieve the image using that ID.

    public string GetImage(object ImadeID)
            {
              if(ImageID!=null)
                {
                   //do something with the ImageID to return the image path as string
                }
              else
               {
               return "";
              }
    
            }