Reader Level:

Retrieve all images from a folder and display them using a DataList control

By Ankit Nandekar on Mar 08, 2011
With the use of the code provided here you can retrieve all images from any folder and display them in the form using a DataList control of ASP.Net.
  • 1
  • 0
  • 46777

With the use of the following code you can retrieve all images from any folder and display them in a form using a DataList control of ASP.Net.

To retrieve images from a folder this article provides a few steps which will be easy to follow.

Step 1:

Design a Form; drag a DataList Control from the toolbox onto the form. Set the Repeated Column property and design the DataList control as you need. I am using an image button and a link button in my form.

<asp:DataList ID="DataList1" runat="server" RepeatColumns="5" BackColor="White"
            BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px" CellPadding="3"   ForeColor="Black"
           <FooterStyle BackColor="#CCCCCC" />
                       <SelectedItemStyle BackColor="#000099" Font-Bold="True" ForeColor="White" />
                                   <span class="style2">Image Gallary</span>
                <HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
                      <asp:ImageButton Width="105px" ID="Image1" runat="server"  BorderStyle="Solid" ImageUrl='<%# Bind("Name", "~/[foldername]/{0}") %>'
                      Height="94px"  />
                          <br />
                          <asp:LinkButton ID="HyperLink1" Text='<%# Bind("Name") %>'  CommandArgument='<%# Bind("Name") %>'  runat="server" />
                          <FooterStyle BackColor="White" ForeColor="#333333" />
                          <ItemStyle BorderColor="Silver" BorderStyle="Dotted" BorderWidth="1px" HorizontalAlign="Center"
                              VerticalAlign="Bottom" BackColor="White" ForeColor="#333333" />

Step 2:

Write the function below and call it in the Form Load event. 

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" || file2.Extension == ".png")
    DataList1.DataSource = list;

Step 3: Run your website........