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 in Base64-Kodierung:
- encodeImageToBase64(filePath): Eine Funktion, die die Bilddatei liest und sie asynchron in einen Base64-String konvertiert.
- Verwendet fs.readFile, um die Bilddatei zu lesen. Bei Erfolg werden die Daten in einen Base64-String konvertiert und aufgelöst.
HTML-Inhaltsaufbau:
- createHtmlContent(base64Data): Erzeugt HTML-Inhalt mit den eingebetteten Base64-Bilddaten innerhalb eines img Tags.
PDF-Erstellung:
- generatePdf(filePath): Hauptfunktion, die den Prozess orchestriert, indem zuerst encodeImageToBase64 und dann createHtmlContent aufgerufen wird, gefolgt von der Erstellung eines PDFs über IronPdf.
- Verwendet IronPdf.PdfDocument.fromHtml, um aus dem HTML-Inhalt ein PDF-Dokument zu generieren.
- Speichert die generierte PDF-Datei mit 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