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")
        });
    });
})();

npm i @ironsoftware/ironpdf

npm i @ironsoftware/ironpdf

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 asynchron in einen Base64-String konvertiert.
- Verwendet fs.readFile, um die Bilddatei zu lesen. Wenn erfolgreich, wird die Daten in einen Base64-String konvertiert und aufgelöst.
HTML-Inhaltseinrichtung:
- createHtmlContent(base64Data): Konstruiert HTML-Inhalt mit den eingebetteten Base64-Bilddaten innerhalb eines img Tags.
PDF-Generierung:
- generatePdf(filePath): Hauptfunktion, die den Prozess orchestriert, indem sie zuerst encodeImageToBase64 und dann createHtmlContent aufruft, gefolgt von der Erstellung eines PDFs über IronPdf.
- Nutzt IronPdf.PdfDocument.fromHtml, um ein PDF-Dokument aus dem HTML-Inhalt zu generieren.
- Speichert das generierte PDF 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

Auf GitHub ansehen