1. IronBarcode
  2. Anleitungen
  3. .NET Barcodes als HTML erstellen
Wie man Barcodes als HTML in C# erstellt

BarCodes als HTML exportieren in C#35;

Hairil Hasyimi Bin Omar
Hairil Hasyimi Bin Omar
Aktualisiert:
This article was translated from English: Does it need improvement?
Translated
View the article in English

IronBarcode ermöglicht es C#-Entwicklern, generierte Barcodes als HTML in drei Formaten zu exportieren: Daten-URL für die Inline-Einbettung, HTML-Tag für die direkte Injektion oder eine vollständige HTML-Datei für die eigenständige Verwendung - was vielseitige Integrationsmöglichkeiten ohne externe Abhängigkeiten bietet.

als-Überschrift:2(Schnellstart: Exportieren eines Barcodes als HTML-Tag mit einer Zeile)

Generieren Sie einen Barcode und exportieren Sie ihn direkt als vollwertiges HTML-Bild-Tag mit einer einzigen flüssigen Codezeile. Sie können schnell loslegen, ohne externe Bilddateien oder Asset-Abhängigkeiten zu verwalten.

Nuget IconLegen Sie jetzt mit NuGet los, um PDFs zu erstellen:

  1. Installieren Sie IronBarcode mit dem NuGet-Paketmanager.

    PM > Install-Package BarCode

  2. Kopieren Sie diesen Codeausschnitt und führen Sie ihn aus.

    var htmlTag = BarcodeWriter.CreateBarcode("1234567890", BarcodeWriterEncoding.Code128).ToHtmlTag();

  3. Bereitstellen zum Testen in Ihrer Live-Umgebung

    Beginnen Sie noch heute mit der Nutzung von IronBarcode in Ihrem Projekt – mit einer kostenlosen Testversion.
    arrow pointer

Minimaler Arbeitsablauf (5 Schritte)

  1. Herunterladen einer C#-Bibliothek zum Exportieren von Barcodes
  2. Barcodes als Daten-URL exportieren
  3. Barcodes als HTML-Tag exportieren
  4. Barcodes als HTML-Datei exportieren

Wie kann ich einen BarCode als Daten-URL exportieren?

Bevor Sie einen Barcode als Daten-URL exportieren, sollten Sie verstehen, was eine Daten-URL ist. Eine Daten-URL (auch bekannt als Daten-URI) ist ein Uniform Resource Identifier, der Daten direkt in die URL-Zeichenkette einbettet. Dies ermöglicht die Inline-Anzeige in Webseiten, als ob es sich bei den Daten um externe Ressourcen handeln würde. Die Daten-URLs unterstützen jedes Format: Text, Bilder, Audio, Video und Binärdaten. Verwenden Sie die erhaltene Daten-URL in HTML innerhalb eines Bild-Tags als src-Attribut. So konvertieren Sie einen GeneratedBarcode in eine Data URL:

:path=/static-assets/barcode/content-code-examples/how-to/ExportBarcodeAsDataUrl.cs
using IronBarCode;
using System;

GeneratedBarcode myBarcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.QRCode);
var dataUrl = myBarcode.ToDataUrl();
Console.WriteLine(dataUrl);
Imports IronBarCode
Imports System

Private myBarcode As GeneratedBarcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.QRCode)
Private dataUrl = myBarcode.ToDataUrl()
Console.WriteLine(dataUrl)
$vbLabelText   $csharpLabel

Erstellen Sie einen Barcode mit der Methode CreateBarcode() aus der Klasse BarcodeWriter mit dem Barcodewert und der Codierung als Argumente. Holen Sie sich die Daten-URL, indem Sie die Methode ToDataUrl() an den GeneratedBarcode anhängen. Dieser Ansatz funktioniert mit allen unterstützten Barcode-Formaten in IronBarcode.

Warum ist die Verwendung von Daten-URLs für Webanwendungen wichtig?

Daten-URLs bieten erhebliche Vorteile für Webanwendungen, da sie HTTP-Anfragen reduzieren und die Seitenladeleistung verbessern. Wenn Sie einen Barcode als Daten-URL einbetten, werden die Bilddaten Teil des HTML-Dokuments selbst, sodass keine separaten Bilddateien angefordert werden müssen. Davon profitieren Sie:

  • Single-Page-Anwendungen (SPAs), die nur minimale Serverumläufe erfordern
  • E-Mail-Vorlagen, bei denen externe Bilder blockiert sein könnten
  • Offline-fähige Anwendungen, die ohne Netzanbindung funktionieren
  • Dynamische Barcode-Erzeugung, wo die Erstellung physischer Dateien ineffizient ist

Für den Einsatz in der Produktion lesen Sie bitte unsere Leitfäden zur Bereitstellung auf Azure oder AWS-Bereitstellung für die cloudbasierte Barcode-Erzeugung.

Wann sollte ich Daten-URLs anstelle von Bilddateien verwenden?

Verwenden Sie Daten-URLs, wenn die Barcodes klein sind (unter 32 KB) und sofortiges Inline-Rendering erfordern. Wählen Sie traditionelle Bilddateien, die auf Servern oder CDNs gespeichert sind, wenn:

// Example: Choosing between Data URL and file export based on size
GeneratedBarcode barcode = BarcodeWriter.CreateBarcode("LARGE-DATA-STRING-HERE", BarcodeEncoding.PDF417);

// Check estimated size before choosing export method
if (barcode.BinaryStream.Length < 32768) // 32KB threshold
{
    // Use Data URL for smaller barcodes
    string dataUrl = barcode.ToDataUrl();
    // Embed directly in HTML
}
else
{
    // Save as file for larger barcodes
    barcode.SaveAsImage("large-barcode.png");
    // Reference as external resource
}
// Example: Choosing between Data URL and file export based on size
GeneratedBarcode barcode = BarcodeWriter.CreateBarcode("LARGE-DATA-STRING-HERE", BarcodeEncoding.PDF417);

// Check estimated size before choosing export method
if (barcode.BinaryStream.Length < 32768) // 32KB threshold
{
    // Use Data URL for smaller barcodes
    string dataUrl = barcode.ToDataUrl();
    // Embed directly in HTML
}
else
{
    // Save as file for larger barcodes
    barcode.SaveAsImage("large-barcode.png");
    // Reference as external resource
}
IRON VB CONVERTER ERROR developers@ironsoftware.com
$vbLabelText   $csharpLabel

Was sind die Größenbeschränkungen von Daten-URLs?

Obwohl moderne Browser technisch gesehen Daten-URLs von mehreren Megabytes unterstützen, gibt es praktische Einschränkungen:

  • Internet Explorer 8: Begrenzt auf 32KB
  • Moderne Browser: Unterstützt 2-4MB, aber die Leistung nimmt ab
  • Mobile Browser: Strengere Grenzen aufgrund von Speicherbeschränkungen
  • E-Mail-Clients: Daten-URLs auf 8-64KB beschränken

Halten Sie die Daten-URL-Barcodes für eine optimale Leistung unter 32 KB. Für größere BarCodes oder die Erzeugung mehrerer Barcodes sollten Sie unsere Export als Stream-Funktionalität für eine effiziente Speicherverwaltung verwenden.

Wie kann ich einen BarCode als HTML-Tag exportieren?

Exportieren Sie einen GeneratedBarcode in HTML mit der Methode ToHtmlTag(). Diese Methode rendert das GeneratedBarcode-Objekt als vollwertiges HTML-Tag für die direkte Einbindung in HTML ohne JavaScript-, CSS- oder Bild-Abhängigkeiten. Der folgende Code demonstriert den Export von HTML-Tags:

:path=/static-assets/barcode/content-code-examples/how-to/ExportBarcodeAsHtmlTag.cs
using IronBarCode;
using System;

GeneratedBarcode myBarcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.QRCode);
var htmlTag = myBarcode.ToHtmlTag();
Console.WriteLine(htmlTag);
Imports IronBarCode
Imports System

Private myBarcode As GeneratedBarcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.QRCode)
Private htmlTag = myBarcode.ToHtmlTag()
Console.WriteLine(htmlTag)
$vbLabelText   $csharpLabel

Fügen Sie die Methode ToHtmlTag() an den GeneratedBarcode an, um das HTML-Tag des generierten Barcodes zu erhalten. Betten Sie dieses HTML-Tag direkt in eine größere HTML-Datei ein. Erweiterte Styling-Optionen finden Sie in unserem Leitfaden zur Anpassung von Barcode-Styles.

Warum ist HTML-Tag-Export besser als externe Bildreferenzen?

Der Export von HTML-Tags bietet entscheidende Vorteile gegenüber externen Bildreferenzen:

  1. Keine unterbrochenen Bildlinks: BarCode-Daten werden direkt in den Tag eingebettet
  2. Schnelleres Rendering: Keine zusätzlichen HTTP-Anfragen erforderlich
  3. Vereinfachte Bereitstellung: Keine separate Verwaltung von Image-Assets
  4. Bessere Sicherheit: Keine Offenlegung von Dateipfaden oder Serverstrukturen
  5. Dynamische Erzeugung: Perfekt für die Erstellung von Barcodes in Echtzeit

Hier ist ein praktisches Beispiel für die Integration von Webanwendungen:

// Generate multiple barcodes for a product catalog
var products = new[] { "PROD-001", "PROD-002", "PROD-003" };
var htmlBuilder = new StringBuilder();

foreach (var productCode in products)
{
    var barcode = BarcodeWriter.CreateBarcode(productCode, BarcodeEncoding.Code128)
        .ResizeTo(200, 50)
        .SetMargins(10);

    htmlBuilder.AppendLine($"<div class='product-barcode'>");
    htmlBuilder.AppendLine($"  <p>Product: {productCode}</p>");
    htmlBuilder.AppendLine($"  {barcode.ToHtmlTag()}");
    htmlBuilder.AppendLine($"</div>");
}
// Generate multiple barcodes for a product catalog
var products = new[] { "PROD-001", "PROD-002", "PROD-003" };
var htmlBuilder = new StringBuilder();

foreach (var productCode in products)
{
    var barcode = BarcodeWriter.CreateBarcode(productCode, BarcodeEncoding.Code128)
        .ResizeTo(200, 50)
        .SetMargins(10);

    htmlBuilder.AppendLine($"<div class='product-barcode'>");
    htmlBuilder.AppendLine($"  <p>Product: {productCode}</p>");
    htmlBuilder.AppendLine($"  {barcode.ToHtmlTag()}");
    htmlBuilder.AppendLine($"</div>");
}
IRON VB CONVERTER ERROR developers@ironsoftware.com
$vbLabelText   $csharpLabel

Wie kann ich die generierten HTML-Tag-Attribute anpassen?

Während ToHtmlTag() ein Standard-img-Tag erzeugt, können Sie es mit zusätzlichen Attributen oder benutzerdefiniertem HTML-Wrapping erweitern. Für fortgeschrittene Anpassungen können Sie IronBarcode mit unseren Styling-Funktionen kombinieren:

// Create a customized barcode with specific styling
var customBarcode = BarcodeWriter.CreateBarcode("CUSTOM-123", BarcodeEncoding.Code128)
    .AddAnnotationTextAboveBarcode("Product ID")
    .SetMargins(15)
    .ChangeBackgroundColor(System.Drawing.Color.LightGray);

// Get the HTML tag and add custom attributes
string htmlTag = customBarcode.ToHtmlTag();
string customizedTag = htmlTag.Replace("<img", "<img class='barcode' id='product-123'");
// Create a customized barcode with specific styling
var customBarcode = BarcodeWriter.CreateBarcode("CUSTOM-123", BarcodeEncoding.Code128)
    .AddAnnotationTextAboveBarcode("Product ID")
    .SetMargins(15)
    .ChangeBackgroundColor(System.Drawing.Color.LightGray);

// Get the HTML tag and add custom attributes
string htmlTag = customBarcode.ToHtmlTag();
string customizedTag = htmlTag.Replace("<img", "<img class='barcode' id='product-123'");
IRON VB CONVERTER ERROR developers@ironsoftware.com
$vbLabelText   $csharpLabel

Wann sollte ich das HTML-Tag-Format dem Daten-URL-Format vorziehen?

Wählen Sie das HTML-Tag-Format, wenn Sie es brauchen:

  • Saubere, lesbare HTML-Ausgabe
  • Einfache Integration in bestehende HTML-Vorlagen
  • Kompatibilität mit HTML-Editoren und CMS-Systemen
  • Direkte Copy-Paste-Funktionalität für Inhaltsersteller

Das HTML-Tag-Format eignet sich besonders gut für Blazor-Anwendungen, bei denen Sie Strichcode-Bilder dynamisch in Komponenten einfügen.

Wie kann ich einen BarCode als HTML-Datei speichern?

Speichern Sie einen GeneratedBarcode als HTML-Datei mit der Methode SaveAsHtmlFile(). Der folgende Code veranschaulicht diese Methode:

:path=/static-assets/barcode/content-code-examples/how-to/ExportBarcodeAsHtmlFile.cs
using IronBarCode;

GeneratedBarcode myBarcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.QRCode);
myBarcode.SaveAsHtmlFile("myBarcode.html");
Imports IronBarCode

Private myBarcode As GeneratedBarcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.QRCode)
myBarcode.SaveAsHtmlFile("myBarcode.html")
$vbLabelText   $csharpLabel

Diese Methode akzeptiert eine Dateipfadzeichenkette. Die generierte HTML-Datei enthält den BarCode als HTML-Tag innerhalb der richtigen <html>-, <head>- und <body>-Tags, die eine vollständige HTML-Datei bilden. Für komplexe Szenarien mit mehreren Dateiformaten siehe unseren Leitfaden für Ausgabedatenformate.

Warum komplette HTML-Dateien anstelle von Fragmenten generieren?

Vollständige HTML-Dateien bieten deutliche Vorteile für bestimmte Anwendungsfälle:

  • Standalone Dokumentation: Druckbare BarCode-Bögen generieren
  • E-Mail-Anhänge: Versenden Sie eigenständige Barcode-Dateien
  • Zwecke des Archivs: BarCodes mit der richtigen Struktur speichern
  • Prüfung und Fehlersuche: BarCodes unabhängig anzeigen
  • Batch-Verarbeitung: Mehrere Dateien für die Verteilung generieren

Hier ist ein Beispiel für die Erstellung eines Stapels von HTML-Dateien:

// Generate HTML files for inventory items
public void GenerateInventoryBarcodes(List<InventoryItem> items)
{
    foreach (var item in items)
    {
        var barcode = BarcodeWriter.CreateBarcode(item.SKU, BarcodeEncoding.Code128)
            .AddAnnotationTextBelowBarcode($"{item.Name} - ${item.Price:F2}")
            .ResizeTo(300, 100);

        // Save with descriptive filename
        string filename = $"barcode_{item.SKU}_{DateTime.Now:yyyyMMdd}.html";
        barcode.SaveAsHtmlFile(filename);
    }
}
// Generate HTML files for inventory items
public void GenerateInventoryBarcodes(List<InventoryItem> items)
{
    foreach (var item in items)
    {
        var barcode = BarcodeWriter.CreateBarcode(item.SKU, BarcodeEncoding.Code128)
            .AddAnnotationTextBelowBarcode($"{item.Name} - ${item.Price:F2}")
            .ResizeTo(300, 100);

        // Save with descriptive filename
        string filename = $"barcode_{item.SKU}_{DateTime.Now:yyyyMMdd}.html";
        barcode.SaveAsHtmlFile(filename);
    }
}
IRON VB CONVERTER ERROR developers@ironsoftware.com
$vbLabelText   $csharpLabel

Was sind häufige Anwendungsfälle für den Export von HTML-Dateien?

Der Export von HTML-Dateien erweist sich in diesen Szenarien als nützlich:

  1. Einzelhandels-Kassensysteme: Druckbare Preisschilder generieren
  2. Lagerverwaltung: Barcode-Etiketten für Regale erstellen
  3. Dokumentenverwaltung: BarCodes in Berichte einbetten
  4. Qualitätskontrolle: Rückverfolgbare Batch-Codes generieren
  5. Ereignisverwaltung: Tickets mit einscannbaren Codes erstellen

Für die Erstellung von Barcodes in großen Mengen sollten Sie async und multithreading implementieren, um die Leistung zu verbessern. Wenn Sie mit speziellen Formaten wie QR-Codes arbeiten, bietet unser C# QR Code Generator Tutorial eine umfassende Anleitung zur Erstellung und Anpassung von QR-Codes für verschiedene Geschäftsanforderungen.

Häufig gestellte Fragen

Wie exportiere ich einen Barcode als Daten-URL in C#?

Mit IronBarcode können Sie einen Barcode als Daten-URL exportieren, indem Sie die Methode ToDataUrl() für ein GeneratedBarcode-Objekt verwenden. Erstellen Sie einfach Ihren Barcode mit BarcodeWriter.CreateBarcode() mit dem gewünschten Wert und der gewünschten Kodierung und rufen Sie dann ToDataUrl() auf, um den Daten-URL-String zu erhalten, der direkt in HTML eingebettet werden kann.

Welche drei HTML-Exportformate gibt es für Barcodes?

IronBarcode bietet drei HTML-Exportformate: Daten-URL für die Inline-Einbettung ohne externe Dateien, HTML-Tag für die direkte Einbindung in Webseiten und vollständige HTML-Datei für die eigenständige Verwendung. Jedes Format erfüllt unterschiedliche Integrationsanforderungen in Webanwendungen.

Kann ich ein HTML-Bild-Tag für einen Barcode mit einer Zeile Code erzeugen?

Ja, IronBarcode ermöglicht es Ihnen, mit einer einzigen Zeile flüssigen Codes ein vollständig geformtes HTML-Bild-Tag zu erzeugen. Verwenden Sie BarcodeWriter.CreateBarcode() mit Ihrem Barcodewert und Ihrer Kodierung und verketten Sie dann die Methode ToHtmlTag(), um ein vollständiges HTML-Bild-Tag zum Einfügen zu erhalten.

Wann sollte ich Daten-URLs anstelle von herkömmlichen Bilddateien für Barcodes verwenden?

Verwenden Sie Data URLs, wenn BarCodes klein sind (unter 32 KB) und sofortiges Inline-Rendering erfordern. Sie sind ideal für einseitige Anwendungen, E-Mail-Vorlagen, offline-fähige Anwendungen und dynamische Barcode-Generierungsszenarien. IronBarcode's ToDataUrl() Methode macht diese Umwandlung nahtlos.

Welche BarCode-Formate werden für den HTML-Export unterstützt?

IronBarcode unterstützt alle seine Barcode-Formate für den HTML-Export, einschließlich Code 128, QR-Codes und viele andere. Die Methoden ToDataUrl(), ToHtmlTag() und HTML-Dateiexport funktionieren mit allen unterstützten Barcodeformaten der Bibliothek.

Wie verbessert die Verwendung von Daten-URLs die Leistung von Webanwendungen?

Daten-URLs verbessern die Leistung, indem sie Barcode-Bilddaten direkt in das HTML-Dokument einbetten und so separate HTTP-Anfragen für Bilddateien überflüssig machen. Dies reduziert die Server-Roundtrips und verbessert die Seitenladezeiten, was besonders vorteilhaft ist, wenn IronBarcode für die dynamische Barcode-Generierung in Webanwendungen verwendet wird.

Hairil Hasyimi Bin Omar
Hairil Hasyimi Bin Omar
  Jetzt mit dem Ingenieurteam chatten
Software Ingenieur
Wie alle großen Ingenieure ist Hairil ein leidenschaftlicher Lerner. Er verfeinert sein Wissen in C#, Python und Java, um Iron Software-Teammitgliedern Mehrwert zu bieten. Hairil kam von der Universiti Teknologi MARA in Malaysia, wo er seinen Bachelor in Chemie- und Verfahrenstechnik abschloss.
Bereit anzufangen?
Nuget Downloads 2,002,059 | Version: 2025.12 gerade veröffentlicht