Incorporation de bitmaps et d’images

Pour garantir que le contenu HTML n'a pas besoin d'une connexion Internet pour récupérer des données, les images peuvent être intégrées dans le HTML sous forme de base64. Intégrer une image dans le HTML en tant que base64 nécessite le chargement de l'image et la conversion de ses informations en base64.

Ci-dessous un exemple complet qui montre comment lire un fichier image, le convertir en une chaîne base64, puis l'intégrer dans un document HTML. Enfin, il montre comment générer un PDF à partir de cet HTML en utilisant IronPDF.

  • PdfWriter : Cet objet est responsable de l'écriture du fichier PDF. Il agit sur un chemin de fichier et écrit les structures requises pour un document PDF valide.
  1. Encodage Image en Base64 :

    • encodeImageToBase64(filePath) : Une fonction qui lit le fichier image et le convertit en une chaîne base64 de manière asynchrone.
    • Utilise fs.readFile pour lire le fichier image. Si réussi, il convertit les données en une chaîne base64 et la résout.
  2. Configuration du Contenu HTML :

    • createHtmlContent(base64Data) : Construit du contenu HTML avec l'image en base64 intégrée dans une balise img.
  3. Génération de PDF :

    • generatePdf(filePath) : Fonction principale qui orchestre le processus en appelant d'abord encodeImageToBase64, puis createHtmlContent, suivi de la création d'un PDF via IronPdf.
    • Utilise IronPdf.PdfDocument.fromHtml pour générer un document PDF à partir du contenu HTML.
    • Enregistre le PDF généré en utilisant pdf.saveAs.
  4. Exécution :
    • Appelle generatePdf avec le chemin vers le fichier image souhaité.

Ce script combine efficacement la lecture d'une image, sa conversion en base64 pour l'intégration HTML, et le rendu d'un PDF en utilisant IronPDF.

Explorez l'Exemple Complet d'Intégration d'Image Base64

Prêt à commencer?
Version : 2025.11 vient de sortir