Hoe maak je een Image Text Search Web App met Aspose.OCR

Hoe maak je een Image Text Search Web App met Aspose.OCR

Met het toevoegen van OCR-gerelateerde tekstzoek naar webapps kan compliance, e-discovery en digitale asset management worden vergemakkelijkt. met Aspose.OCR Image Text Finder voor .NET en ASP.NET Core kunt u een gebruikersvriendelijke interface creëren voor interactieve zoek- en highlighting in geüpload beelden.

Real-wereld probleem

Gebruikers moeten onmiddellijk zoeken naar sleutelwoorden of patronen in de afbeeldingen – zonder elke scan te downloaden of handmatig te beoordelen.

Overzicht oplossingen

Gebouw een web-UI om afbeeldingen te uploaden, zoekwoorden met behulp van OCR uit te voeren en resultaten terug te brengen/exposeren met real-time highlighting.

Voorwaarden

  • Visual Studio 2019 of later
  • .NET 6.0 of hoger (ASP.NET Core)
  • Aspose.OCR voor .NET van NuGet
  • Basic Razor Pages of MVC ervaring
PM> Install-Package Aspose.OCR
PM> dotnet add package Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation

Stap voor stap implementatie

Stap 1: Installeer het ASP.NET Core Web Project

dotnet new webapp -n ImageTextFinderWeb
cd ImageTextFinderWeb

Stap 2: Voeg uploaden en zoeken UI toe (Razor voorbeeld)

Voeg toe aan Pages/Index.cshtml:

<form enctype="multipart/form-data" method="post">
    <input type="file" name="imageFile" />
    <input type="text" name="searchTerm" placeholder="Enter keyword or pattern" />
    <button type="submit">Search</button>
</form>
@if (Model.ResultText != null)
{
    <h3>Extracted Text:</h3>
    <pre>@Model.ResultText</pre>
    <h4>Found: @Model.KeywordFound</h4>
}

Stap 3: Handelen met Upload, OCR en Search Logic

Voeg toe aan Pages/Index.cshtml.cs:

using Aspose.OCR;
public string ResultText { get; set; }
public bool KeywordFound { get; set; }
public async Task OnPostAsync(IFormFile imageFile, string searchTerm)
{
    if (imageFile != null && !string.IsNullOrWhiteSpace(searchTerm))
    {
        var filePath = Path.GetTempFileName();
        using (var stream = System.IO.File.Create(filePath))
            await imageFile.CopyToAsync(stream);
        RecognitionSettings settings = new RecognitionSettings();
        settings.Language = Language.English;
        AsposeOcr ocr = new AsposeOcr();
        var result = ocr.Recognize(new OcrInput(InputType.SingleImage) { filePath }, settings)[0];
        ResultText = result.RecognitionText;
        KeywordFound = ocr.ImageHasText(filePath, searchTerm, settings);
        // Optional: highlight logic for UI
    }
}

Stap 4: Highlight Results in UI (optional)

Gebruik basislijnvervanging of JavaScript om zichtbaar de gevonden sleutelwoorden te benadrukken ResultText.

Stap 5: Foutbehandeling en beveiliging

  • Valideer bestandtypen en beperk de uploadgrootte
  • Gebruik try/catch voor een robuste werking

Gebruik Cases en Applicaties

Compliance & e-Discovery

Onmiddellijk zoeken naar vertrouwelijke termen binnen uploads tijdens het beoordelen.

Digitale Asset Management

Gebruikers in staat stellen om beelden te taggen, te beoordelen of te classificeren op de upload.

klantenservice

Laat ondersteunende teams controleren voor PII of speciale clausules zonder de volledige documenten te downloaden.

Gemeenschappelijke uitdagingen en oplossingen

Challenge 1: Performance met grote afbeeldingen

Oplossing: Limit upload size, optimaliseren OCR config, quue langdurige banen.

Challenge 2: Beveiliging en Input Validatie

Solutie: Valideer bestandtypen en sanitaire tekstresultaten.

Challenge 3: het benadrukken van complexe patronen

Solutie: Gebruik regex of JavaScript voor robuste match/highlight.

Performance overwegingen

  • Afloeden van grote banen naar achtergrondverwerking
  • Gebruik async-bestanden IO en OCR voor responsiviteit
  • Monitoring van het gebruik van serverresources

Beste praktijken

  • Altijd gewaarborgd opladen
  • Beperk de bestandgrootte en beperk de typen
  • Log gebruikers zoeken naar audit trail
  • Deploy over HTTPS voor veiligheid

Geavanceerde scenario’s

Scenario 1: Batch Uploads en Multi-Image Search

Laat gebruikers meerdere afbeeldingen uploaden, zoeken over alle en bekijken de resultaten van de batch.

Scenario 2: Save/Export zoekresultaten

Geef downloadbare CSV of benadrukte PDF-uitgaven van de UI.

Conclusie

Met Aspose.OCR Image Text Finder en ASP.NET Core kunt u gebruikersvriendelijke, interactieve beeldtextzoek leveren voor naleving, digitale activabeheer of klantgerichte tools.

See Aspose.OCR voor .NET API Referentie Aanvullende integratie voorbeelden.

 Nederlands