List of images as HTML

Lesson

Additional Libraries

Exercise

Objetive

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 Code

Show Code

// Import the necessary namespaces for working with file and string operations
using System;
using System.IO;

class ListImagesAsHTML
{
    // Main method where the program execution starts
    static void Main()
    {
        // Get all the image files (PNG and JPG) in the current directory
        string[] imageFiles = Directory.GetFiles(Directory.GetCurrentDirectory(), "*.*")
                                      .Where(file => file.EndsWith(".png", StringComparison.OrdinalIgnoreCase) ||
                                                     file.EndsWith(".jpg", StringComparison.OrdinalIgnoreCase))
                                      .ToArray();

// Create or open the HTML file to write the image list
        string htmlFilePath = "image_list.html";
        using (StreamWriter writer = new StreamWriter(htmlFilePath))
        {
            // Write the basic HTML structure
            writer.WriteLine("<html>");
            writer.WriteLine("<head><title>Image List</title></head>");
            writer.WriteLine("<body>");
            writer.WriteLine("<h1>List of Images</h1>");
            writer.WriteLine("<ul>");

// Loop through each image file and add it to the HTML list
            foreach (var imageFile in imageFiles)
            {
                // Get the file name without the full path
                string fileName = Path.GetFileName(imageFile);

// Add an <li> element for each image with the <img> tag
                writer.WriteLine($"  <li><img src=\"{fileName}\" alt=\"{fileName}\" style=\"width:200px;\"></li>");
            }

// Close the list and body tags
            writer.WriteLine("</ul>");
            writer.WriteLine("</body>");
            writer.WriteLine("</html>");
        }

// Inform the user that the HTML file has been created
        Console.WriteLine($"HTML file created: {htmlFilePath}");
    }
}

// Import the necessary namespaces for working with file and string operations
using System;
using System.IO;

class ListImagesAsHTML
{
    // Main method where the program execution starts
    static void Main()
    {
        // Get all the image files (PNG and JPG) in the current directory
        string[] imageFiles = Directory.GetFiles(Directory.GetCurrentDirectory(), "*.*")
                                      .Where(file => file.EndsWith(".png", StringComparison.OrdinalIgnoreCase) ||
                                                     file.EndsWith(".jpg", StringComparison.OrdinalIgnoreCase))
                                      .ToArray();

        // Create or open the HTML file to write the image list
        string htmlFilePath = "image_list.html";
        using (StreamWriter writer = new StreamWriter(htmlFilePath))
        {
            // Write the basic HTML structure
            writer.WriteLine("");
            writer.WriteLine("Image List");
            writer.WriteLine("");
            writer.WriteLine("List of Images");
            writer.WriteLine("");

            // Loop through each image file and add it to the HTML list
            foreach (var imageFile in imageFiles)
            {
                // Get the file name without the full path
                string fileName = Path.GetFileName(imageFile);

                // Add an  element for each image with the  tag
                writer.WriteLine($"  
");
            }

            // Close the list and body tags
            writer.WriteLine("");
            writer.WriteLine("");
            writer.WriteLine("");
        }

        // Inform the user that the HTML file has been created
        Console.WriteLine($"HTML file created: {htmlFilePath}");
    }
}