ASP.NETバーコード スキャナー: IronBarcodeを使用したファイルアップロードと REST API

NuGetパッケージマネージャー経由でのインストール

Visual StudioでPackage Manager Consoleを開き、実行してください：

Install-Package BarCode

Install-Package BarCode

または、 .NET CLI を使用してください。

dotnet add package BarCode

dotnet add package BarCode

または、Visual Studio のNuGetパッケージ マネージャーの UI で"BarCode"を検索し、"インストール"をクリックします。 このパッケージはすべての依存関係を自動的に管理します。

プラットフォーム固有のデプロイメントの場合は、対象環境向けに最適化されたプラットフォーム固有のNuGetパッケージの使用を検討してください。 このライブラリは、さまざまな導入シナリオに対応できるよう、標準パッケージとBarCode.Slimパッケージの両方を提供しています。 インストール手順の詳細については、 IronBarcodeのインストールガイドを参照してください。

プロジェクトの設定

インストールが完了したら、C#ファイルに必要なusingステートメントを追加してください。

using IronBarCode;

using IronBarCode;

このインポートにより、IronBarcodeのバーコード読み取りおよび生成機能をすべて利用できるようになります。 このライブラリは、QRコード、Code 128、Code 39、Data Matrix、PDF417など、30種類以上のバーコード形式をサポートしています。サポートされているバーコード形式の完全なリストをご覧になり、ご使用の用途との互換性をご確認ください。

インストールに関する問題のトラブルシューティングについては、 NuGetパッケージのトラブルシューティング ガイドを参照するか、専門的なサポートを依頼するためにエンジニアリング リクエストを送信してください。

適切なアーキテクチャパターンを選択する

ASP.NETでバーコードスキャンを実装する場合、主に2つのアーキテクチャ上のアプローチがあります。 これらのパターンを理解することで、それぞれの用途に最適なバーコードリーダーの設定を選択できるようになります。

// Server-side processing -- recommended for most ASP.NET scenarios
var options = new BarcodeReaderOptions
{
    Speed = ReadingSpeed.Balanced,
    ExpectMultipleBarcodes = true,
    UseConfidenceThreshold = true,
    ConfidenceThreshold = 0.85
};

var results = BarcodeReader.Read(stream, options);

foreach (var barcode in results)
{
    Console.WriteLine($"Type: {barcode.BarcodeType}, Value: {barcode.Text}");
}

// Server-side processing -- recommended for most ASP.NET scenarios
var options = new BarcodeReaderOptions
{
    Speed = ReadingSpeed.Balanced,
    ExpectMultipleBarcodes = true,
    UseConfidenceThreshold = true,
    ConfidenceThreshold = 0.85
};

var results = BarcodeReader.Read(stream, options);

foreach (var barcode in results)
{
    Console.WriteLine($"Type: {barcode.BarcodeType}, Value: {barcode.Text}");
}

サーバーサイド方式を採用することで、画像処理を最大限に制御でき、すべてのブラウザで一貫して動作します。 サーバーがすべての画像を処理すると、クリーンな監査証跡も得られます。スキャンされたすべてのバーコードはアプリケーション層を通過し、そこでログに記録したり、データベースと照合して検証したり、下流のワークフローをトリガーしたりできます。 このパターンは、医療、物流、製造業など、すべてのスキャンを記録する必要がある規制の厳しい業界に特に適しています。

クライアント側のカメラキャプチャ統合に関しては、最新のブラウザはカメラアクセス用のMediaDevices APIをサポートしており、これはREST APIを介してIronBarcodeのサーバー側処理と組み合わせることができます(詳細は本ガイドの後半で説明します)。サーバー側処理を選択することで、セキュリティモデルも簡素化されます。機密性の高い処理ロジックがブラウザに公開されることはなく、すべての検証はアプリケーションの境界内で行われます。

アップロードフォームの作成

ASP.NETビューでレスポンシブなHTMLフォームを作成します。

@* Razor view -- barcode upload form *@
<form method="post" enctype="multipart/form-data" id="barcodeForm">
    <div class="form-group">
        <label for="barcodeFile">Select Barcode Image:</label>
        <input type="file" name="barcodeFile" id="barcodeFile"
               accept="image/*,.pdf" class="form-control"
               capture="environment" />
    </div>
    <button type="submit" class="btn btn-primary" id="scanBtn">
        <span class="spinner-border spinner-border-sm d-none" role="status"></span>
        Scan Barcode
    </button>
</form>
<div id="results">
    @ViewBag.BarcodeResult
</div>

@* Razor view -- barcode upload form *@
<form method="post" enctype="multipart/form-data" id="barcodeForm">
    <div class="form-group">
        <label for="barcodeFile">Select Barcode Image:</label>
        <input type="file" name="barcodeFile" id="barcodeFile"
               accept="image/*,.pdf" class="form-control"
               capture="environment" />
    </div>
    <button type="submit" class="btn btn-primary" id="scanBtn">
        <span class="spinner-border spinner-border-sm d-none" role="status"></span>
        Scan Barcode
    </button>
</form>
<div id="results">
    @ViewBag.BarcodeResult
</div>

capture="environment" 属性はモバイルデバイスの背面カメラをアクティブ化し、 JavaScriptを使用せずにネイティブカメラのようなエクスペリエンスをユーザーに提供します。

セキュアなバックエンド処理の実装

コントローラアクションは、ファイル検証、メモリストリーム処理、および結果のフォーマット処理を行います。

[HttpPost]
[ValidateAntiForgeryToken]
[RequestSizeLimit(10_000_000)] // 10MB limit
public async Task<IActionResult> ScanBarcode(IFormFile barcodeFile)
{
    var allowedExtensions = new[] { ".jpg", ".jpeg", ".png", ".gif",
                                    ".tiff", ".bmp", ".pdf" };
    var extension = Path.GetExtension(barcodeFile.FileName).ToLowerInvariant();

    if (!allowedExtensions.Contains(extension))
    {
        ModelState.AddModelError("", "Invalid file type");
        return View();
    }

    if (barcodeFile != null && barcodeFile.Length > 0)
    {
        using var stream = new MemoryStream();
        await barcodeFile.CopyToAsync(stream);
        stream.Position = 0;

        var options = new BarcodeReaderOptions
        {
            Speed = ReadingSpeed.Balanced,
            ExpectMultipleBarcodes = true,
            ExpectBarcodeTypes = BarcodeEncoding.AllOneDimensional |
                                BarcodeEncoding.QRCode |
                                BarcodeEncoding.DataMatrix,
            ImageFilters = new ImageFilterCollection
            {
                new SharpenFilter(),
                new ContrastFilter()
            }
        };

        var results = BarcodeReader.Read(stream, options);

        ViewBag.BarcodeResult = results.Any()
            ? string.Join("<br/>", results.Select(r => $"<strong>{r.BarcodeType}:</strong> {r.Text}"))
            : "No barcodes found in the image.";
    }

    return View();
}

[HttpPost]
[ValidateAntiForgeryToken]
[RequestSizeLimit(10_000_000)] // 10MB limit
public async Task<IActionResult> ScanBarcode(IFormFile barcodeFile)
{
    var allowedExtensions = new[] { ".jpg", ".jpeg", ".png", ".gif",
                                    ".tiff", ".bmp", ".pdf" };
    var extension = Path.GetExtension(barcodeFile.FileName).ToLowerInvariant();

    if (!allowedExtensions.Contains(extension))
    {
        ModelState.AddModelError("", "Invalid file type");
        return View();
    }

    if (barcodeFile != null && barcodeFile.Length > 0)
    {
        using var stream = new MemoryStream();
        await barcodeFile.CopyToAsync(stream);
        stream.Position = 0;

        var options = new BarcodeReaderOptions
        {
            Speed = ReadingSpeed.Balanced,
            ExpectMultipleBarcodes = true,
            ExpectBarcodeTypes = BarcodeEncoding.AllOneDimensional |
                                BarcodeEncoding.QRCode |
                                BarcodeEncoding.DataMatrix,
            ImageFilters = new ImageFilterCollection
            {
                new SharpenFilter(),
                new ContrastFilter()
            }
        };

        var results = BarcodeReader.Read(stream, options);

        ViewBag.BarcodeResult = results.Any()
            ? string.Join("<br/>", results.Select(r => $"<strong>{r.BarcodeType}:</strong> {r.Text}"))
            : "No barcodes found in the image.";
    }

    return View();
}

この実装では、処理前にファイルの種類を検証し、メモリ ストリームからバーコードを読み取り、検出されたすべての結果を返します。 IronBarcodeは、複数ページのTIFFやGIF 、 PDFドキュメントなど、さまざまな画像フォーマットを処理するため、フォーマット固有の処理コードが不要になります。

スキャンされた入力と出力の様子

上記の例は、標準的なCode 128バーコードを示しています。これは、出荷や在庫管理のアプリケーションでよく使用される形式です。 スキャン後、結果画面にはデコードされた値と信頼度メタデータが表示されます。

IronBarcodeは、アップロードされた画像内で検出された各バーコードについて、バーコードの種類、デコードされた値、信頼度スコア、および位置データを返します。

バーコードAPIのセキュリティに関する考慮事項

コントローラーを作成する前に、セキュリティ層の設計を計画してください。 バーコードデータには任意の内容が含まれる可能性があるため、入力内容は必ず検証してください。 IronBarcodeのセキュリティガイドラインに従って、完全な保護を実現してください。

-入力検証：バーコードの内容を保存または処理する前に、サニタイズする -レート制限： ASP.NET Core の組み込みレート制限ミドルウェアを使用して、API の悪用を防止します。 -認証：JWTトークンまたはAPIキーでエンドポイントを保護する

• HTTPSの強制適用：すべてのバーコードAPIトラフィックはTLS経由で送信される必要があります
• CORSポリシー：スキャンエンドポイントを呼び出すことができるオリジンを制限します -ライセンスキーの管理: ライセンスキーを正しく適用し、本番環境向けにweb.configで設定します。

本番環境用APIコントローラーの構築

[ApiController]
[Route("api/[controller]")]
public class BarcodeController : ControllerBase
{
    private readonly ILogger<BarcodeController> _logger;
    private readonly IMemoryCache _cache;

    public BarcodeController(ILogger<BarcodeController> logger, IMemoryCache cache)
    {
        _logger = logger;
        _cache = cache;
    }

    [HttpPost("scan")]
    [ProducesResponseType(typeof(BarcodeResponse), 200)]
    [ProducesResponseType(typeof(ErrorResponse), 400)]
    public async Task<IActionResult> ScanBarcode([FromBody] BarcodeRequest request)
    {
        try
        {
            if (string.IsNullOrEmpty(request.ImageBase64))
                return BadRequest(new ErrorResponse { Error = "Image data is required" });

            var cacheKey = $"barcode_{request.ImageBase64.GetHashCode()}";
            if (_cache.TryGetValue(cacheKey, out BarcodeResponse cachedResult))
                return Ok(cachedResult);

            byte[] imageBytes = Convert.FromBase64String(request.ImageBase64);

            if (imageBytes.Length > 10 * 1024 * 1024)
                return BadRequest(new ErrorResponse { Error = "Image size exceeds 10MB limit" });

            var options = new BarcodeReaderOptions
            {
                Speed = ReadingSpeed.Faster,
                ExpectMultipleBarcodes = request.ExpectMultiple ?? false,
                UseConfidenceThreshold = true,
                ConfidenceThreshold = 0.8
            };

            var results = await Task.Run(() => BarcodeReader.Read(imageBytes, options));

            var response = new BarcodeResponse
            {
                Success = true,
                Barcodes = results.Select(r => new BarcodeData
                {
                    Type = r.BarcodeType.ToString(),
                    Value = r.Text,
                    Confidence = r.Confidence,
                    Position = new BarcodePosition
                    {
                        X = r.Points.Select(p => p.X).Min(),
                        Y = r.Points.Select(p => p.Y).Min(),
                        Width = r.Width,
                        Height = r.Height
                    }
                }).ToList()
            };

            _cache.Set(cacheKey, response, TimeSpan.FromMinutes(5));
            return Ok(response);
        }
        catch (FormatException)
        {
            return BadRequest(new ErrorResponse { Error = "Invalid base64 image data" });
        }
        catch (Exception ex)
        {
            _logger.LogError(ex, "Error processing barcode scan");
            return StatusCode(500, new ErrorResponse { Error = "Internal server error" });
        }
    }
}

public record BarcodeRequest(string ImageBase64, bool? ExpectMultiple);

public record BarcodeResponse
{
    public bool Success { get; init; }
    public List<BarcodeData> Barcodes { get; init; } = new();
}

public record BarcodeData
{
    public string Type { get; init; }
    public string Value { get; init; }
    public double Confidence { get; init; }
    public BarcodePosition Position { get; init; }
}

public record BarcodePosition(int X, int Y, int Width, int Height);

public record ErrorResponse
{
    public bool Success => false;
    public string Error { get; init; }
}

[ApiController]
[Route("api/[controller]")]
public class BarcodeController : ControllerBase
{
    private readonly ILogger<BarcodeController> _logger;
    private readonly IMemoryCache _cache;

    public BarcodeController(ILogger<BarcodeController> logger, IMemoryCache cache)
    {
        _logger = logger;
        _cache = cache;
    }

    [HttpPost("scan")]
    [ProducesResponseType(typeof(BarcodeResponse), 200)]
    [ProducesResponseType(typeof(ErrorResponse), 400)]
    public async Task<IActionResult> ScanBarcode([FromBody] BarcodeRequest request)
    {
        try
        {
            if (string.IsNullOrEmpty(request.ImageBase64))
                return BadRequest(new ErrorResponse { Error = "Image data is required" });

            var cacheKey = $"barcode_{request.ImageBase64.GetHashCode()}";
            if (_cache.TryGetValue(cacheKey, out BarcodeResponse cachedResult))
                return Ok(cachedResult);

            byte[] imageBytes = Convert.FromBase64String(request.ImageBase64);

            if (imageBytes.Length > 10 * 1024 * 1024)
                return BadRequest(new ErrorResponse { Error = "Image size exceeds 10MB limit" });

            var options = new BarcodeReaderOptions
            {
                Speed = ReadingSpeed.Faster,
                ExpectMultipleBarcodes = request.ExpectMultiple ?? false,
                UseConfidenceThreshold = true,
                ConfidenceThreshold = 0.8
            };

            var results = await Task.Run(() => BarcodeReader.Read(imageBytes, options));

            var response = new BarcodeResponse
            {
                Success = true,
                Barcodes = results.Select(r => new BarcodeData
                {
                    Type = r.BarcodeType.ToString(),
                    Value = r.Text,
                    Confidence = r.Confidence,
                    Position = new BarcodePosition
                    {
                        X = r.Points.Select(p => p.X).Min(),
                        Y = r.Points.Select(p => p.Y).Min(),
                        Width = r.Width,
                        Height = r.Height
                    }
                }).ToList()
            };

            _cache.Set(cacheKey, response, TimeSpan.FromMinutes(5));
            return Ok(response);
        }
        catch (FormatException)
        {
            return BadRequest(new ErrorResponse { Error = "Invalid base64 image data" });
        }
        catch (Exception ex)
        {
            _logger.LogError(ex, "Error processing barcode scan");
            return StatusCode(500, new ErrorResponse { Error = "Internal server error" });
        }
    }
}

public record BarcodeRequest(string ImageBase64, bool? ExpectMultiple);

public record BarcodeResponse
{
    public bool Success { get; init; }
    public List<BarcodeData> Barcodes { get; init; } = new();
}

public record BarcodeData
{
    public string Type { get; init; }
    public string Value { get; init; }
    public double Confidence { get; init; }
    public BarcodePosition Position { get; init; }
}

public record BarcodePosition(int X, int Y, int Width, int Height);

public record ErrorResponse
{
    public bool Success => false;
    public string Error { get; init; }
}

このエンドポイントは、HTTP経由で画像を送信するための標準フォーマットであるbase64エンコードされた画像を受け付けます。レスポンスには、バーコードの種類、デコードされた値、信頼度スコア、および位置が含まれます。 大量処理の場合は、バッチバーコード処理と読み取り速度最適化オプションを確認してください。

APIは複数のバーコードをどのように処理しますか？

IronBarcodeは、1つの画像内の複数のバーコードを1回の呼び出しで処理し、結果の配列を返します。 レスポンスの各エントリには位置情報が含まれているため、クライアントアプリケーションは検出されたバーコードを画面上で強調表示できます。

構造化されたJSONレスポンスは、クライアントアプリケーションが追加の検索を行うことなく、バーコード結果を処理および表示するために必要なすべての情報を提供します。

一般的なスキャン問題の診断

修正を適用する前に、問題がどのカテゴリーに該当するかを特定してください。 生産現場で発生するスキャンエラーのほとんどは、以下の5つのグループのいずれかに分類されます。画像品質の問題(ぼやけ、ノイズ、低解像度)、幾何学的問題(回転、歪み、遠近法の歪み)、損傷の問題(ラベルの破れ、インクのにじみ)、環境の問題(まぶしさ、影、照明の不均一性)、そしてリーダーが実際には存在しないバーコードを検出する誤検出です。

カテゴリを把握することで、すべての画像に対して不要な処理を実行することなく、適切なフィルターの組み合わせと読み込み速度を選択できます。 ほとんどのウェブアプリケーションのシナリオでは、ReadingSpeed.Balanced および AutoRotate = true で始まるものが大部分のケースをカバーします。 最初のパスで結果が返されない場合にのみ、ExtremeDetail にエスカレーションしてください。

以下のコードに示すマルチパス方式は、この階層型戦略を実装しています。 高速な初回処理により、一般的な画像は迅速に処理され、通常のケースでは平均レイテンシが低く抑えられます。 詳細な2回目の処理は、1回目の処理が失敗した場合にのみ実行されるため、追加の処理コストは実際に必要な場合にのみ発生します。 このパターンは、通常の負荷条件下ではASP.NETエンドポイントの応答性を維持しつつ、複雑なエッジケースにも確実に対応します。

マルチパス画像処理の実装

難易度の高い画像の場合、段階的な処理アプローチを採用することで、簡単な画像でのパフォーマンスを損なうことなく、最良の結果が得られます。

public class AdvancedBarcodeProcessor
{
    private readonly ILogger<AdvancedBarcodeProcessor> _logger;

    public async Task<List<ScannedBarcode>> ProcessChallengingImage(Stream imageStream)
    {
        // First pass -- fast, minimal processing
        var fastOptions = new BarcodeReaderOptions
        {
            Speed = ReadingSpeed.Balanced,
            ExpectMultipleBarcodes = true,
            AutoRotate = false,
            UseConfidenceThreshold = true,
            ConfidenceThreshold = 0.85
        };

        var results = BarcodeReader.Read(imageStream, fastOptions);

        if (!results.Any())
        {
            // Second pass -- aggressive image correction
            imageStream.Position = 0;

            var detailedOptions = new BarcodeReaderOptions
            {
                Speed = ReadingSpeed.ExtremeDetail,
                ExpectMultipleBarcodes = true,
                AutoRotate = true,
                RemoveFalsePositive = true,
                UseConfidenceThreshold = true,
                ConfidenceThreshold = 0.6,
                Multithreaded = true,
                ExpectBarcodeTypes = BarcodeEncoding.All,
                ImageFilters = new ImageFilterCollection
                {
                    new SharpenFilter(2.5f),
                    new ContrastFilter(2.0f),
                    new BrightnessFilter(1.2f),
                    new InvertFilter()
                }
            };

            results = BarcodeReader.Read(imageStream, detailedOptions);
            _logger.LogInformation("Second pass detected {Count} barcodes", results.Count());
        }

        return results.Select(r => new ScannedBarcode
        {
            Value = r.Text,
            BarcodeType = r.BarcodeType.ToString(),
            Confidence = r.Confidence,
            RotationAngle = r.RotationAngle,
            PageNumber = r.PageNumber
        }).ToList();
    }
}

public record ScannedBarcode
{
    public string Value { get; init; }
    public string BarcodeType { get; init; }
    public double Confidence { get; init; }
    public float RotationAngle { get; init; }
    public int PageNumber { get; init; }
}

public class AdvancedBarcodeProcessor
{
    private readonly ILogger<AdvancedBarcodeProcessor> _logger;

    public async Task<List<ScannedBarcode>> ProcessChallengingImage(Stream imageStream)
    {
        // First pass -- fast, minimal processing
        var fastOptions = new BarcodeReaderOptions
        {
            Speed = ReadingSpeed.Balanced,
            ExpectMultipleBarcodes = true,
            AutoRotate = false,
            UseConfidenceThreshold = true,
            ConfidenceThreshold = 0.85
        };

        var results = BarcodeReader.Read(imageStream, fastOptions);

        if (!results.Any())
        {
            // Second pass -- aggressive image correction
            imageStream.Position = 0;

            var detailedOptions = new BarcodeReaderOptions
            {
                Speed = ReadingSpeed.ExtremeDetail,
                ExpectMultipleBarcodes = true,
                AutoRotate = true,
                RemoveFalsePositive = true,
                UseConfidenceThreshold = true,
                ConfidenceThreshold = 0.6,
                Multithreaded = true,
                ExpectBarcodeTypes = BarcodeEncoding.All,
                ImageFilters = new ImageFilterCollection
                {
                    new SharpenFilter(2.5f),
                    new ContrastFilter(2.0f),
                    new BrightnessFilter(1.2f),
                    new InvertFilter()
                }
            };

            results = BarcodeReader.Read(imageStream, detailedOptions);
            _logger.LogInformation("Second pass detected {Count} barcodes", results.Count());
        }

        return results.Select(r => new ScannedBarcode
        {
            Value = r.Text,
            BarcodeType = r.BarcodeType.ToString(),
            Confidence = r.Confidence,
            RotationAngle = r.RotationAngle,
            PageNumber = r.PageNumber
        }).ToList();
    }
}

public record ScannedBarcode
{
    public string Value { get; init; }
    public string BarcodeType { get; init; }
    public double Confidence { get; init; }
    public float RotationAngle { get; init; }
    public int PageNumber { get; init; }
}

BarcodeReaderOptionsクラスは、スキャンに関するあらゆる側面をきめ細かく制御できます。 設定 AutoRotate はあらゆる角度から撮影された画像に対応し、画像フィルターはぼやけたバーコードやコントラストの低いバーコードの鮮明度を向上させます。 詳細な設定については、バーコードリーダーの設定例とPDF固有のリーダー設定を参照してください。

PDFを扱う際は、 PDFにバーコードを印字するか、 PDF文書としてバーコードを作成することを検討してください。 大量処理の場合、非同期処理とマルチスレッド処理を有効にすることで、スループットが大幅に向上します。

ブラウザ互換性とフォールバック戦略の追加

多様なブラウザに対応するには、段階的な機能強化が必要です。 Android およびデスクトップ版の最新のブラウザである Chrome、Edge、Firefox は、カメラアクセス用の MediaDevices.getUserMedia() API をサポートしています。 iOS版Safariはバージョン11以降で対応しています。 古いEnterpriseブラウザ、IE11互換モード、および一部の厳格な企業環境では、カメラへのアクセスがまったくサポートされない場合があるため、代替のファイルアップロードパスは常に機能するようにしておく必要があります。

推奨される方法は、ユーザーエージェントの検出ではなく、実行時に特徴検出を行い、それに応じてカメラインターフェースを表示または非表示にすることです。 カメラ機能を備えたインターフェースから始め、必要に応じてファイルアップロードにスムーズに切り替えます。

@* Razor view with progressive enhancement *@
<div class="barcode-scanner-container">
    @* Camera capture -- hidden until JavaScript confirms support *@
    <div id="cameraSection" class="d-none">
        <video id="videoPreview" class="w-100" autoplay></video>
        <button id="captureBtn" class="btn btn-primary mt-2">Capture and Scan</button>
    </div>

    @* File upload -- always available as fallback *@
    <div id="uploadSection">
        <form method="post" enctype="multipart/form-data"
              asp-action="ScanBarcode" asp-controller="Barcode">
            <div class="form-group">
                <label>Upload Barcode Image:</label>
                <input type="file" name="file" accept="image/*,.pdf"
                       class="form-control" required />
            </div>
            <button type="submit" class="btn btn-primary">Upload and Scan</button>
        </form>
    </div>
</div>

@* Razor view with progressive enhancement *@
<div class="barcode-scanner-container">
    @* Camera capture -- hidden until JavaScript confirms support *@
    <div id="cameraSection" class="d-none">
        <video id="videoPreview" class="w-100" autoplay></video>
        <button id="captureBtn" class="btn btn-primary mt-2">Capture and Scan</button>
    </div>

    @* File upload -- always available as fallback *@
    <div id="uploadSection">
        <form method="post" enctype="multipart/form-data"
              asp-action="ScanBarcode" asp-controller="Barcode">
            <div class="form-group">
                <label>Upload Barcode Image:</label>
                <input type="file" name="file" accept="image/*,.pdf"
                       class="form-control" required />
            </div>
            <button type="submit" class="btn btn-primary">Upload and Scan</button>
        </form>
    </div>
</div>

Blazorとの統合により、コンポーネントベースのアプローチを好む場合、最小限の設定で最新のWebアプリケーションをサポートできます。 デプロイメントのトラブルシューティングについては、ランタイムコピー例外ガイドを参照してください。