1. IronBarcode
  2. Guides pratiques
  3. Créer des codes-barres en HTML avec .NET
Comment créer des codes-barres en HTML en C#

Comment exporter des BarCodes en HTML en C#35;

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

IronBarcode permet aux développeurs C# d'exporter les codes-barres générés au format HTML dans trois formats : URL de données pour l'intégration en ligne, balise HTML pour l'injection directe ou fichier HTML complet pour une utilisation autonome, ce qui offre des options d'intégration polyvalentes sans dépendances externes.

Démarrage rapide : Exporter un code-barres en tant que tag HTML en une seule ligne

Générez un BarCode et exportez-le directement en tant que balise d'image HTML entièrement formée à l'aide d'une seule ligne de code fluide. Démarrez rapidement sans avoir à gérer des fichiers images externes ou des dépendances.

Nuget IconCommencez dès maintenant à créer des PDF avec NuGet :

  1. Installez IronBarcode avec le gestionnaire de packages NuGet

    PM > Install-Package BarCode

  2. Copiez et exécutez cet extrait de code.

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

  3. Déployez pour tester sur votre environnement de production.

    Commencez à utiliser IronBarcode dans votre projet dès aujourd'hui grâce à un essai gratuit.
    arrow pointer

Flux de travail minimal (5 étapes)

  1. Télécharger la bibliothèque C# pour exporter les codes-barres
  2. Exporter les codes-barres sous forme d'URL de données
  3. Exporter les codes-barres sous forme de balise HTML
  4. Exporter les codes-barres sous forme de fichier HTML

Comment exporter un BarCode en tant qu'URL de données?

Avant d'exporter un BarCode en tant qu'URL de données, il convient de comprendre ce qu'est une URL de données. Une Data URL (également appelée Data URI) est un identifiant de ressource uniforme qui incorpore des données directement dans la chaîne URL. Cela permet l'affichage en ligne dans les pages web comme si les données étaient des ressources externes. Les URL de données prennent en charge tous les formats : texte, images, audio, vidéo et données binaires. Utilisez l'URL des données obtenues en HTML à l'intérieur d'une balise d'image en tant qu'attribut src. Voici comment convertir un GeneratedBarcode en une 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);
$vbLabelText   $csharpLabel

Créez un code-barres à l'aide de la méthode CreateBarcode() de la classe BarcodeWriter avec la valeur du code-barres et l'encodage comme arguments. Obtenez l'URL des données en associant la méthode ToDataUrl() au GeneratedBarcode. Cette approche fonctionne avec tous les formats de codes-barres pris en charge dans IronBarcode.

Pourquoi l'utilisation de l'URL de données est-elle importante pour les applications Web ?

Les URL de données offrent des avantages significatifs aux applications web en réduisant les requêtes HTTP et en améliorant les performances de chargement des pages. Lorsque vous intégrez un BarCode en tant qu'URL de données, les données de l'image font partie du document HTML lui-même, ce qui élimine les demandes de fichiers d'image séparés. Ces avantages :

  • Applications à page unique (SPAs) nécessitant un minimum d'allers-retours sur le serveur
  • Modèles de courrier électronique où les images externes peuvent être bloquées
  • Applications hors ligne fonctionnant sans connectivité réseau
  • Génération dynamique de codes-barres lorsque la création de fichiers physiques est inefficace

Pour le déploiement en production, consultez nos guides sur le déploiement vers Azure ou le déploiement vers AWS pour la génération de codes-barres basée sur le cloud.

Quand dois-je utiliser des URL de données plutôt que des fichiers d'images ?

Utilisez les URL de données lorsque les codes-barres sont de petite taille (moins de 32 Ko) et nécessitent un rendu en ligne immédiat. Choisissez des fichiers images traditionnels stockés sur des serveurs ou des CDN lorsque :

// 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
}
$vbLabelText   $csharpLabel

Quelles sont les limites de taille des URL de données ?

Bien que les navigateurs modernes prennent techniquement en charge les URL de données de plusieurs mégaoctets, il existe des limitations pratiques :

  • Internet Explorer 8 : Limité à 32KB
  • Navigateurs modernes : Prise en charge de 2 à 4 Mo, mais dégradation des performances
  • Navigateurs mobiles : des limites plus strictes en raison des contraintes de mémoire
  • Clients de messagerie : Limiter les URL de données à 8-64 Ko

Veillez à ce que les codes-barres des URL de données ne dépassent pas 32 Ko pour des performances optimales. Pour les codes-barres plus volumineux ou la génération de plusieurs codes-barres, utilisez notre fonctionnalité exporter en tant que flux pour une gestion efficace de la mémoire.

Comment exporter un BarCode en tant que balise HTML?

Exportez un GeneratedBarcode vers HTML à l'aide de la méthode ToHtmlTag(). Cette méthode rend l'objet GeneratedBarcode comme une balise HTML entièrement formée pour une injection directe dans le HTML sans JavaScript, CSS ou dépendances d'image. Le code suivant illustre l'exportation de balises HTML :

: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);
$vbLabelText   $csharpLabel

Attachez la méthode ToHtmlTag() au GeneratedBarcode pour obtenir la balise HTML du code-barres généré. Intégrer cette balise HTML directement dans un fichier HTML plus important. Pour des options de style avancées, consultez notre guide sur la personnalisation des styles de codes-barres.

Pourquoi l'exportation de balises HTML est-elle préférable aux références d'images externes ?

L'exportation de balises HTML offre des avantages clés par rapport aux références d'images externes :

  1. Aucun lien d'image brisé : les données du BarCode s'intègrent directement dans la balise
  2. Rendu plus rapide : aucune requête HTTP supplémentaire n'est nécessaire
  3. Déploiement simplifié : pas de gestion séparée des images
  4. Meilleure sécurité : pas d'exposition du chemin de fichier ou de la structure du serveur
  5. Génération dynamique : Parfait pour la création de codes-barres en temps réel

Voici un exemple pratique d'intégration d'une application web :

// 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>");
}
$vbLabelText   $csharpLabel

Comment puis-je personnaliser les attributs des balises HTML générées ?

Alors que ToHtmlTag() génère une balise img standard, vous pouvez l'enrichir d'attributs supplémentaires ou d'un habillage HTML personnalisé. Pour une personnalisation avancée, combinez IronBarcode avec nos capacités de stylisme :

// 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'");
$vbLabelText   $csharpLabel

Quand devrais-je choisir la balise HTML plutôt que le format URL de données?

Choisissez le format de balise HTML lorsque vous en avez besoin :

  • Sortie HTML propre et lisible
  • Intégration facile avec les modèles HTML existants
  • Compatibilité avec les éditeurs HTML et les systèmes CMS
  • Fonctionnalité de copier-coller direct pour les créateurs de contenu

Le format de balise HTML fonctionne particulièrement bien avec les applications Blazor où vous injectez dynamiquement des images de codes-barres dans les composants.

Comment enregistrer un BarCode en tant que fichier HTML?

Enregistrez un GeneratedBarcode en tant que fichier HTML à l'aide de la méthode SaveAsHtmlFile(). Le code suivant illustre cette méthode :

: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");
$vbLabelText   $csharpLabel

Cette méthode accepte une chaîne de chemin d'accès au fichier. Le fichier HTML généré contient le BarCode en tant que balise HTML au sein des balises <html>, <head> et <body> appropriées formant un fichier HTML complet. Pour les scénarios complexes avec plusieurs formats de fichiers, voir notre guide des formats de données de sortie.

Pourquoi générer des fichiers HTML complets plutôt que des fragments ?

Les fichiers HTML complets offrent des avantages distincts pour des cas d'utilisation spécifiques :

  • Documentation de Standalone : Générer des feuilles de BarCode imprimables
  • Pièces jointes : envoyer des fichiers de codes-barres autonomes
  • Finalités d'archivage : Stocker les codes-barres avec une structure appropriée
  • Test et débogage : Visualiser les BarCodes de manière indépendante
  • Traitement par lots : Générer plusieurs fichiers à distribuer

Voici un exemple de génération d'un lot de fichiers HTML :

// 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);
    }
}
$vbLabelText   $csharpLabel

Quels sont les cas d'utilisation courants de l'exportation de fichiers HTML ?

L'exportation de fichiers HTML s'avère précieuse dans ces scénarios :

  1. Systèmes de point de vente au détail : Générer des étiquettes de prix imprimables
  2. Gestion d'entrepôt : Créer des étiquettes de code-barres pour les rayonnages
  3. Gestion des documents : Intégrer des codes-barres dans les rapports
  4. Contrôle de la qualité : Générer des codes de lots traçables
  5. Gestion des événements : Créer des tickets avec des codes à scanner

Pour la génération de codes-barres en grand volume, mettez en œuvre async et le multithreading pour améliorer les performances. Lorsque vous travaillez avec des formats spécialisés comme les codes QR, notre tutoriel C# QR Code Generator fournit des conseils complets sur la création et la personnalisation des codes QR pour divers besoins commerciaux.

Questions Fréquemment Posées

Comment exporter un code-barres en tant qu'URL de données dans C# ?

Avec IronBarcode, vous pouvez exporter un code-barres en tant qu'URL de données en utilisant la méthode ToDataUrl() sur un objet GeneratedBarcode. Créez simplement votre code-barres en utilisant BarcodeWriter.CreateBarcode() avec la valeur et l'encodage souhaités, puis appelez ToDataUrl() pour obtenir la chaîne Data URL qui peut être incorporée directement dans HTML.

Quels sont les trois formats d'exportation HTML disponibles pour les BarCodes ?

IronBarcode propose trois formats d'exportation HTML : URL de données pour l'intégration en ligne sans fichiers externes, balise HTML pour l'injection directe dans des pages web, et fichier HTML complet pour une utilisation autonome. Chaque format répond à des besoins d'intégration différents dans les applications web.

Puis-je générer une balise d'image HTML pour un code-barres avec une seule ligne de code ?

Oui, IronBarcode vous permet de générer une balise d'image HTML entièrement formée avec une seule ligne de code fluide. Utilisez BarcodeWriter.CreateBarcode() avec la valeur et l'encodage de votre code barre, puis enchaînez la méthode ToHtmlTag() pour obtenir une balise d'image HTML complète prête à être insérée.

Quand dois-je utiliser des URL de données au lieu de fichiers d'images traditionnels pour les codes-barres ?

Utilisez les URL de données lorsque les codes-barres sont de petite taille (moins de 32 Ko) et nécessitent un rendu en ligne immédiat. Elles sont idéales pour les applications à page unique, les modèles de courrier électronique, les applications hors ligne et les scénarios de génération dynamique de codes-barres. La méthode ToDataUrl() d'IronBarcode rend cette conversion transparente.

Quels formats de BarCode sont pris en charge pour l'exportation HTML ?

IronBarcode prend en charge tous ses formats de codes-barres pour l'exportation HTML, notamment le Code 128, les codes QR et bien d'autres. Les méthodes ToDataUrl(), ToHtmlTag() et d'exportation de fichiers HTML fonctionnent avec tous les formats de codes-barres pris en charge dans la bibliothèque.

Comment l'utilisation des URL de données améliore-t-elle les performances des applications web ?

Les URL de données améliorent les performances en intégrant les données des images de codes-barres directement dans le document HTML, éliminant ainsi les requêtes HTTP distinctes pour les fichiers d'images. Cela réduit les allers-retours du serveur et améliore les temps de chargement des pages, ce qui est particulièrement bénéfique lors de l'utilisation d'IronBarcode pour la génération dynamique de codes-barres dans les applications web.

Hairil Hasyimi Bin Omar
Hairil Hasyimi Bin Omar
  Discutez maintenant avec l'équipe d'ingénierie
Ingénieur logiciel
Comme tous les grands ingénieurs, Hairil est un apprenant avide. Il affine ses connaissances en C#, Python et Java, utilisant ces connaissances pour apporter de la valeur aux membres de l'équipe dans toute Iron Software. Hairil a rejoint l'équipe d'Iron Software depuis l'Université Teknologi MARA en Malaisie, ...
Lire la suite
Prêt à commencer?
Nuget Téléchargements 2,035,202 | Version : 2025.12 vient de sortir