Home/ Questions/Q 6970555
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T16:43:29+00:00

I am so rusty and looking for assistance. I have loaded a few image

  • 0

I am so rusty and looking for assistance. I have loaded a few image files into a folder on my web server (So, uploaded them). I now want to simply display them, one underneath each other on as aspx page. So, I want to iterate through all image files in a folder, and display them on a page.

The easiest way would be a table, and then add a tr/td for each file.

Can someone advise? Would this be best? An event in my cs file that reads the folder, created as and populate it?

This is purely for a test page, and not for production.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    ASPX:

    <asp:DataList ID="DataList1" runat="server" RepeatColumns="5" CellPadding="5">
            <ItemTemplate>
            <asp:Image Width="100" ID="Image1" ImageUrl='<%# Bind("Name", "~/images/{0}") %>' runat="server" />
                <br />
                <asp:HyperLink ID="HyperLink1" Text='<%# Bind("Name") %>' NavigateUrl='<%# Bind("Name", "~/images/{0}") %>' runat="server"/>
            </ItemTemplate>
                <ItemStyle BorderColor="Silver" BorderStyle="Dotted" BorderWidth="1px" HorizontalAlign="Center"
                    VerticalAlign="Bottom" />
</asp:DataList>

    Code-behind:

    protected void Page_Load(object sender, EventArgs e)
    {
        ListImages();
    }

    private void ListImages()
    {
        DirectoryInfo dir = new DirectoryInfo(MapPath("~/images"));
        FileInfo[] file = dir.GetFiles();
        ArrayList list = new ArrayList();
        foreach (FileInfo file2 in file)
        {
            if (file2.Extension == ".jpg" || file2.Extension == ".jpeg" || file2.Extension == ".gif")
            {
                list.Add(file2);
            }
        }
        DataList1.DataSource = list;
        DataList1.DataBind();
    }

    Add whatever extensions you need !

    Source

    <%@ Page Language="C#"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
    private string url;
    protected void Page_Load(object sender, EventArgs e)
    {
        url = PictureManager.MembersImagesPath + tuMember.PhotoBig;
        Page.DataBind();
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:Image ID="Image1" runat="server" Height="210px" Width="252px" ImageUrl="<%#url%>" />
    </div>
    </form>
</body>
</html>

    Hope this helps !

    • 0