Installation and Configuration
Programming Methodology
Video Tutorials

Generate HTML File Listing Images in the Current Folder in C#

In this exercise, you will create a C# program that generates an HTML file listing all images (PNG and JPG) in the current folder. The program will scan the current directory, identify all the image files with the extensions .png and .jpg, and generate an HTML file that includes these images as an ordered list or in a gallery format.



Group

Using Additional Libraries in C#

Objective

1. Use Directory.GetFiles() to retrieve the list of .png and .jpg files in the current directory.
2. Create a new HTML file using StreamWriter to write the file content.
3. Add an img tag for each image in the HTML content.
4. Save the HTML file with a name like images_list.html in the current directory.
5. Display a message to inform the user that the HTML file has been created.

Create a program that creates an HTML file that lists all the images (PNG and JPG) in the current folder.
For instance, if the current folder contains the following images: 

1.png

2.jpg

Example C# Exercise

 Copy C# Code 
using System;  // Importing the System namespace for basic functionalities
using System.IO;  // Importing the System.IO namespace for file operations

class Program
{
    static void Main()
    {
        // Get the current directory path
        string currentDirectory = Directory.GetCurrentDirectory();

        // Retrieve all .png and .jpg files from the current directory
        string[] imageFiles = Directory.GetFiles(currentDirectory, "*.*")
                                      .Where(file => file.EndsWith(".png") || file.EndsWith(".jpg"))
                                      .ToArray();

        // Create a StreamWriter to generate an HTML file
        using (StreamWriter writer = new StreamWriter("images_list.html"))
        {
            // Write the basic HTML structure
            writer.WriteLine("");
            writer.WriteLine("Image List");
            writer.WriteLine("");
            writer.WriteLine("
Images in the Current Folder
");
            writer.WriteLine("
    ");

            // Loop through each image file and add it as an image tag in the HTML
            foreach (var imageFile in imageFiles)
            {
                // Extract the file name (excluding the path)
                string fileName = Path.GetFileName(imageFile);

                // Write the image tag for each file
                writer.WriteLine($"
  • \"{fileName}\"
    • ");
            }

            // End the HTML structure
            writer.WriteLine("
");
            writer.WriteLine("");
            writer.WriteLine("");
        }

        // Inform the user that the HTML file has been created
        Console.WriteLine("HTML file 'images_list.html' has been created.");
    }
}

 Output

<html>
<head><title>Image List</title></head>
<body>
<h1>Images in the Current Folder</h1>
<ul>
  <li><img src="1.png" alt="1.png" style="width:100px;height:auto;" /></li>
  <li><img src="2.jpg" alt="2.jpg" style="width:100px;height:auto;" /></li>
</ul>
</body>
</html>

Share this C# Exercise

More C# Practice Exercises of Using Additional Libraries in C#

Explore our set of C# Practice Exercises! Specifically designed for beginners, these exercises will help you develop a solid understanding of the basics of C#. From variables and data types to control structures and simple functions, each exercise is crafted to challenge you incrementally as you build confidence in coding in C#.

  • Display System Details: Computer Name, Domain, and Username in C#

    In this exercise, you will create a C# program that displays specific system details such as the computer name, domain name, and the username of the user who is currently logged in...

  • Sitemap Generator from URL List in C#

    In this exercise, you will create a C# program that generates a sitemap using a text file containing URLs. The program should take three parameters: the name of the text file conta...

  • File Explorer with Navigation in C#

    In this exercise, you will create a C# program that displays the files and folders in the current directory. The user can navigate through the list by moving up and down. When the ...

  • Search Files by Name in Folder and Subfolders in C#

    In this exercise, you will create a program that stores the names of files located in a specific folder and its subfolders. The program will then prompt the user to enter a search ...

  • Display Current Date and Time in C#

    In this exercise, you will create a program that displays the current date and time in a specific format. The format should be as follows: "Today is 6 of February of 2015. It's 03:...

  • Display Files in the Current Folder in C#

    In this exercise, you will create a C# program that retrieves and displays all files in the current folder. You will use the System.IO namespace, particularly the Directory.GetFile...