Avatar of msout
msout asked on

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

I try to Display Images in DataList Control using the path stored in SQL Server database.
The images stored in the separate folder called "Images" on web server & I store the image path in the Database

I use sqldatasource to show the data:
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
            ConnectionString="<%$ ConnectionStrings:BLSDBConnectionString1 %>"
            SelectCommand="SELECT * FROM [Employees] ORDER BY [LastName]">
        </asp:SqlDataSource>
I can show images in the gridview but on the web page we need to show three images in the row. So I need to use datalist and not the gridview.
 This is my code:
<asp:DataList ID="dtList"
            runat="server"  
            DataSourceID="SqlDataSource1"
            HorizontalAlign="Justify"
            RepeatColumns="3"
            RepeatDirection="Horizontal" >
           
            <ItemTemplate>
                EmployeeId:
                <asp:Label ID="EmployeeIdLabel"
                    runat="server"
                    Text= '<%#DataBinder.Eval(Container.DataItem, "EmployeeId")%>'></asp:Label>
                <br />
                FirstName:
                <asp:Label ID="FirstNameLabel"
                    runat="server"
                    Text='<%#DataBinder.Eval(Container.DataItem,"FirstName") %>' />
                <br />
                MidInit:
                <asp:Label ID="MidInitLabel"
                    runat="server"
                    Text='<%#DataBinder.Eval(Container.DataItem,"MidInit") %>' />
                <br />
                LastName:
                <asp:Label ID="LastNameLabel"
                    runat="server"
                    Text='<%#DataBinder.Eval(Container.DataItem,"LastName") %>' />
                <br />
                Unit:
                <asp:Label ID="UnitLabel"
                    runat="server"
                    Text='<%#DataBinder.Eval(Container.DataItem,"Unit") %>' />
                <br />
                PictureFileName:
                <asp:Label ID="PictureFileNameLabel" runat="server"
                    Text='<%#DataBinder.Eval(Container.DataItem,"PictureFileName") %>' />
                <br />
                <asp:Image ID="ImageID" runat="server" Width="100px"
                   
                    ImageUrl='<%# Eval("ImagePath") %>' />                
      </ItemTemplate>          
        </asp:DataList>
All records show except the image. It is empty.
How can I correct it?
Please, help.
Web DevelopmentASP.NET

Avatar of undefined
Last Comment
Paul MacDonald

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
Paul MacDonald

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
ASKER
msout

Thank you, I found out that the ImagePath in db was not written right. Now I have to resolve one more problem.
 images/Aaron Bitler.jpg - this is the ImagePath. I cannot delete the extension - .jpg because it won't show the picture. How can I show only the picture without the   "images/Aaron Bitler.jpg "
ASKER
msout

Never mind! I just deleted hiperlink and it shows only a picture!
Paul MacDonald

Great!  Happy to help.
I started with Experts Exchange in 2004 and it's been a mainstay of my professional computing life since. It helped me launch a career as a programmer / Oracle data analyst
William Peck