Images To PDF

Screen: Indicates that CSS rules are intended for on-screen viewing. Styles are optimized for digital screens, which typically include considerations like colors and layouts that look good on computer monitors.
Print: Instructs the browser to apply styles tailored for printed documents. This means the CSS rules are optimized for printing, ensuring readability and proper formatting when the HTML content is printed on physical media, like paper.

import {PdfGenerator} from "@ironsoftware/ironpdf";
import fs from 'fs';

(async () => {
    // Specify the directory path
    const directoryPath = './images';

    // Read the contents of the directory
    fs.readdir(directoryPath, (err, files) => {
    if (err) {
        console.error('Error reading directory:', err);
        return;
    }

    // Filter file names to include only .jpg and .jpeg extensions
    const jpegFiles = files.filter((file) =>
        file.toLowerCase().endsWith('.jpg') || file.toLowerCase().endsWith('.jpeg')
    );

    // Construct full file paths for the filtered files
    const filePaths = jpegFiles.map((file) => `${directoryPath}/${file}`);

    // Converts the images to a PDF and save it.
    const pdf = PdfGenerator.imageToPdf(filePaths).then(
        (returnedPdf)=> {
            returnedPdf.saveAs("composite.pdf");
        });
    
    // Also see PdfDocument.rasterizeToImageFiles() method to flatten a PDF to images or thumbnails
    });
})();

Images To PDF

To convert a single image to a PDF document, simply input the file path into the PdfGenerator.imageToPdf method and export the resulting PDF document.

Converting multiple images to PDF is a different process since you need an array of file paths. Use the readdir method to retrieve the directory path where image files are located.

Next, filter the file names to include only those with ".jpg" and ".jpeg" extensions. Store these filtered file names in the "jpegFiles" array.

Construct full file paths for the filtered image files by appending the directory path to each file name. Store these file paths in the "filePaths" array.

Then, use the same imageToPdf method to convert the selected images into a PDF document. The method can also takes an array of image file paths as input.

Finally, save the resulting PDF document, which contains the images, as "composite.pdf."