C# Barcode-Web-Scanner: Echtzeit-Webcam-Scannen mit Blazor

using IronBarCode; public string ReadBarCode(CamImage imageData) { // Decode the base64 image data var splitObject = imageData.imageDataBase64.Split(','); byte[] imagebyteData = Convert.FromBase64String((splitObject.Length > 1) ? splitObject[1] : splitObject[0]); using (var ms = new MemoryStream(imagebyteData)) { // Convert byte array to Image Image barcodeImage = Image.FromStream(ms); // Read barcode from Image var results = BarcodeReader.Read(barcodeImage); // Read first value from barcode return $"{DateTime.Now}: Barcode is ({results[0].Value})"; } }

Barcode-Web-Scanner

Das Scannen von Barcodes aus Webquellen erfordert oft das Handling von Bilddaten als Textstrings anstelle von physischen Dateien. Der Hauptvorteil dieses Ansatzes ist, dass Ihre Anwendung Bilder direkt aus Benutzer-Uploads oder Webcam-Feeds verarbeiten kann, ohne sie zuerst auf die Festplatte zu speichern.

In diesem Codebeispiel zeigen wir das Hauptcodesegment, das veranschaulicht, wie ein Base64-String wieder in ein Bild konvertiert und mit IronBarcode auf einer Webplattform wie Blazor auf Daten geprüft wird.

5-Schritte-Anleitung zum Einrichten des IronBarcode-Webscanners

byte[] imagebyteData = Convert.FromBase64String((splitObject.Length > 1) ? splitObject[1] : splitObject[0]);
using (var ms = new MemoryStream(imagebyteData))
Image barcodeImage = Image.FromStream(ms);
var results = BarcodeReader.Read(barcodeImage);
return "${DateTime.Now}: Barcode ist (${results[0].Value})";

Code Erklärung

Zuerst wird der Eingabestring, typischerweise ein Base64-String, mit Convert.FromBase64String in ein Byte-Array konvertiert. Zusätzlich wird überprüft, ob der String aufgeteilt werden muss. Dies behandelt Fälle, in denen der Eingang Header enthalten könnte, wie z. B. Daten-URIs, und stellt sicher, dass nur die tatsächlichen Bilddaten verarbeitet werden.

Als Nächstes werden diese Bytes in einen MemoryStream geladen. Dies fungiert als temporäre Halterung, die es ermöglicht, ein Bildobjekt direkt aus dem Stream mittels Image.FromStream zu erstellen. Sobald das Bild geladen ist, wird es zur Überprüfung an BarcodeReader.Read übergeben.

Schließlich wird das Leseergebnis zusammen mit einem Zeitstempel zurückgegeben. Das Ergebnisse-Array, das eine Liste von BarcodeResults enthält, wird aufgerufen, um den Wert des ersten Barcodes über die Value-Eigenschaft zurückzugeben.

Erfahren Sie mehr über die Erstellung eines Webscanners mit IronBarcode!