Bilder mit DataURIs in C# & VB einbetten PDF-Rendering
Bei der Arbeit mit HTML-Zeichenfolgen und -Dokumenten ist es oft nützlich, nicht auf ein Verzeichnis von Assets angewiesen zu sein. Um dieses Problem zu umgehen, verwenden wir diedaten URI-Schema.
Das Daten-URI-Schema ist eine Methode, die in der Webentwicklung verwendet wird, um Daten direkt in den HTML- oder CSS-Code einzubetten, so dass keine separaten Dateien erforderlich sind. Mit Daten-URIs können Bilder, Dateien und sogar Schriftarten direkt als String in ein HTML-Dokument eingefügt werden.
Erste Schritte mit IronPDF
Beginnen Sie noch heute mit der Verwendung von IronPDF in Ihrem Projekt mit einer kostenlosen Testversion.
Bilder mit Daten-URI-Schema einbetten
- IronPDF von NuGet herunterladen
- Lesen Sie das Bildbyte mit der Methode ReadAllBytes
- Verwenden Sie die Methode ToBase64String, um Bytes in Base64 zu konvertieren
- Einfügen der base64-Informationen in das img-Tag
- HTML in PDF umwandeln
Grundlegendes Beispiel für die Einbettung von Bildern
Das folgende Beispiel zeigt das Rendering eines Bildes in ein HTML-Dokument ohne eine Asset-Datei:
:path=/static-assets/pdf/content-code-examples/how-to/datauris-image.csusing IronPdf;
using System;
// Read byte from image file
var pngBinaryData = System.IO.File.ReadAllBytes("My_image.png");
// Convert bytes to base64
var ImgDataURI = @"data:image/png;base64," + Convert.ToBase64String(pngBinaryData);
// Import base64 to img tag
var ImgHtml = $"<img src='{ImgDataURI}'>";
ChromePdfRenderer Renderer = new ChromePdfRenderer();
// Render the HTML string
var pdf = Renderer.RenderHtmlAsPdf(ImgHtml);
pdf.SaveAs("datauri_example.pdf");Wir können auch ein ganzesHTML-String oder PDF-Dokument als Byte-Array mit IronPDF's ASP.NET MVC Integration.
