Bitmaps und Bilder einbetten

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

(async () => {
    // Image file path
    const filePath = 'iron.png';

    // Read bytes from a file using fs.readFile
    fs.readFile(filePath, (err, data) => {
    if (err) {
        console.error('Error reading file:', err);
        return;
    }

    let binaryString = '';
    data.forEach((byte) => {
        binaryString += String.fromCharCode(byte);
      });

    // Convert the binary string to base64
    const base64String = btoa(binaryString);

    // Insert base64 to img element
    const imgHtml = `<img src='data:image/png;base64,${base64String}'>`;

    // Render HTML content with the embedded image to a PDF
    const pdf = PdfDocument.fromHtml(imgHtml).then(
        (returnedPdf)=>{
            // Save the PDF
            returnedPdf.saveAs("embedded_example_1.pdf")
        });
    });
})();

Bitmaps und Bilder einbetten

Um sicherzustellen, dass HTML-Inhalte keine Internetverbindung benötigen, um Daten abzurufen, können Bilder als base64 in HTML eingebettet werden. Das Einbetten eines Bildes in HTML als base64 erfordert das Laden des Bildes und die Umwandlung seiner Informationen in base64.

Nachfolgend finden Sie ein vollständiges Beispiel, das zeigt, wie man eine Bilddatei einliest, sie in eine Base64-Zeichenkette umwandelt und sie anschließend in ein HTML-Dokument einbettet. Abschließend wird gezeigt, wie man mit IronPDF aus diesem HTML-Code eine PDF-Datei generiert.

Erklärung:

Bild-zu-Base64-Kodierung:
- encodeImageToBase64(filePath): Eine Funktion, die die Bilddatei liest und sie asynchron in eine Base64-Zeichenkette konvertiert.
- Verwendet fs.readFile zum Einlesen der Bilddatei. Bei Erfolg werden die Daten in eine Base64-Zeichenkette konvertiert und aufgelöst.
HTML-Inhaltseinrichtung:
- createHtmlContent(base64Data): Erstellt HTML-Inhalte mit den eingebetteten Base64-Bilddaten innerhalb eines img-Tags.
PDF-Generierung:
- generatePdf(filePath): Hauptfunktion, die den Prozess koordiniert, indem sie zunächst encodeImageToBase64 und dann createHtmlContent aufruft, gefolgt von der Erstellung einer PDF-Datei über IronPdf.
- Verwendet IronPdf.PdfDocument.fromHtml, um aus dem HTML-Inhalt ein PDF-Dokument zu generieren.
- Speichert die generierte PDF-Datei unter Verwendung von pdf.saveAs.
Ausführung:
- Ruft generatePdf mit dem Pfad zur gewünschten Bilddatei auf.

Dieses Skript kombiniert effektiv das Einlesen eines Bildes, dessen Konvertierung in Base64 für die HTML-Einbettung und das Rendern eines PDFs mit IronPDF.

Entdecken Sie das vollständige Base64-Beispiel für die Bildeinbettung