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.

Im Folgenden finden Sie ein vollständiges Beispiel, das zeigt, wie eine Bilddatei gelesen, in eine base64-Zeichenkette konvertiert und dann in ein HTML-Dokument eingebettet wird. Schließlich wird gezeigt, wie man mit IronPDF aus diesem HTML-Code eine PDF-Datei erzeugt.

Erläuterung:

Bild in 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. Bei Erfolg werden die Daten in einen base64-String konvertiert und aufgelöst.
HTML-Inhaltsaufbau:
- createHtmlContent(base64Data): Konstruiert HTML-Inhalt mit den eingebetteten base64-Bilddaten innerhalb eines img-Tags.
PDF-Erstellung:
- generatePdf(filePath): Hauptfunktion, die den Prozess orchestriert, indem sie zuerst encodeImageToBase64 und dann createHtmlContent aufruft, gefolgt von der Erstellung eines PDF über IronPdf.
- Verwendet IronPdf.PdfDocument.fromHtml, um ein PDF-Dokument aus dem HTML-Inhalt zu erzeugen.
- Speichert das erzeugte PDF mit pdf.saveAs.
Ausführung:
- Ruft generatePdf mit dem Pfad zur gewünschten Bilddatei auf.

Dieses Skript kombiniert auf effektive Weise das Lesen eines Bildes, die Konvertierung in base64 für die HTML-Einbettung und das Rendern eines PDF mit IronPDF.

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