Incorporation de bitmaps et d’images

Pour s'assurer que le contenu HTML ne nécessite pas de connexion internet pour récupérer les données, les images peuvent être intégrées dans le HTML en tant que base64. L'intégration d'une image dans 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.

Explication :

  1. Image vers encodage 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 d'accès au 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.

Explorer l'exemple complet d'intégration d'images Base64

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