วิธีการสร้างแอปพลิเคชันเว็บการค้นหาข้อความภาพด้วย Aspose.OCR

วิธีการสร้างแอปพลิเคชันเว็บการค้นหาข้อความภาพด้วย Aspose.OCR

การเพิ่มการค้นหาข้อความ OCR ในแอพเว็บสามารถปรับปรุงการปฏิบัติตามการค้นพบทางอิเล็กทรอนิกส์และการจัดการสินทรัพย์ดิจิตอล ด้วย Aspose.OCR Image Text Finder สําหรับ .NET และ ASP.NET Core คุณสามารถสร้างอินเตอร์เฟซที่เป็นมิตรกับผู้ใช้สําหรับการค้นหาแบบโต้ตอบและเน้นภาพที่อัปโหลดได้

ปัญหาโลกจริง

ผู้ใช้ต้องค้นหาคําหลักหรือรูปแบบในภาพโดยทันทีโดยไม่ต้องดาวน์โหลดหรือตรวจสอบการสแกนแต่ละครั้ง แอปพลิเคชันแบบโต้ตอบช่วยประหยัดเวลาและลดความเสี่ยงของข้อมูลที่หายไป

ความคิดเห็นเกี่ยวกับโซลูชัน

สร้างเว็บ UI เพื่ออัปโหลดภาพดําเนินการค้นหาคําหลักโดยใช้ OCR และส่ง / แสดงผลด้วยการแสดงผลในเวลาจริง

ข้อกําหนด

  • Visual Studio 2019 หรือภายหลัง
  • .NET 6.0 หรือสูงกว่า (ASP.NET Core)
  • Aspose.OCR สําหรับ .NET จาก NuGet
  • หน้าหลัก Razor หรือประสบการณ์ MVC
PM> Install-Package Aspose.OCR
PM> dotnet add package Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation

การดําเนินการขั้นตอนขั้นตอน

ขั้นตอน 1: สร้าง ASP.NET Core Web Project

dotnet new webapp -n ImageTextFinderWeb
cd ImageTextFinderWeb

ขั้นตอน 2: เพิ่ม UI ดาวน์โหลดและค้นหา (ตัวอย่าง Razor)

เพิ่มให้ 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>
}

ขั้นตอน 3: การจัดการ Upload, OCR, และ Search Logic

เพิ่มให้ 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
    }
}

ขั้นตอน 4: แสดงผลใน UI (ตัวเลือก)

ใช้การแทนที่ string ฐานหรือ JavaScript เพื่อให้เห็นถึงคําหลักที่พบใน ResultText.

ขั้นตอน 5: การจัดการข้อผิดพลาดและการรักษาความปลอดภัย

  • ประเภทไฟล์ที่ถูกต้องและขนาดอัปโหลด จํากัด
  • ใช้ try/catch สําหรับการทํางานที่มั่นคง

ใช้กรณีและแอปพลิเคชัน

การปฏิบัติตามและ e-Discovery

ค้นหาเงื่อนไขที่เชื่อถือได้ภายในอัปโหลดในระหว่างการตรวจสอบ

การจัดการสินทรัพย์ดิจิตอล

ช่วยให้ผู้ใช้สามารถแท็กการตรวจสอบหรือจัดอันดับสินทรัพย์ภาพที่อัพโหลด

บริการลูกค้า

ให้ทีมสนับสนุนตรวจสอบ PII หรือข้อกําหนดพิเศษโดยไม่ต้องดาวน์โหลดเอกสารเต็ม

ความท้าทายและโซลูชั่นทั่วไป

ความท้าทาย 1: การแสดงผลด้วยภาพขนาดใหญ่

โซลูชัน: จํากัด ขนาดการอัพโหลด, ปรับปรุงการกําหนดค่า OCR, ระยํางานที่ทํางานยาวนาน

ความท้าทาย 2: การรักษาความปลอดภัยและการยืนยันการเข้า

โซลูชัน: ปรับรองประเภทไฟล์และทําความสะอาดผลข้อความ

ความท้าทาย 3: การเน้นรูปแบบที่ซับซ้อน

โซลูชัน: ใช้ regex หรือ JavaScript สําหรับ match/highlight ที่แข็งแรง

การพิจารณาประสิทธิภาพ

  • ปิดโหลดงานขนาดใหญ่ไปยังการประมวลผลพื้นหลัง
  • ใช้ไฟล์ async IO และ OCR สําหรับการตอบสนอง
  • การตรวจสอบการใช้ทรัพยากรเซิร์ฟเวอร์

แนวทางที่ดีที่สุด

  • เสมอยืนยันอัปโหลด
  • ขนาดไฟล์ จํากัด และประเภทที่ จํากัด
  • เข้าสู่ระบบผู้ใช้ค้นหาการตรวจสอบเส้นทาง
  • พัฒนาผ่าน HTTPS สําหรับความปลอดภัย

การ์ตูนขั้นสูง

สภาพแวดล้อม 1: Batch Upload และ Search Multi-Image

ให้ผู้ใช้อัปโหลดภาพหลายภาพค้นหาทั้งหมดและดูผลลัพธ์ของชุด

ฉาก 2: Save / Export Search Results

เสนอการดาวน์โหลด CSV หรือส่งออก PDF ที่โดดเด่นจาก UI

ข้อสรุป

ด้วย Aspose.OCR Image Text Finder และ ASP.NET Core คุณสามารถนําเสนอการค้นหาข้อความภาพที่ใช้งานง่ายและแบบโต้ตอบเพื่อการปฏิบัติตามการจัดการสินทรัพย์ดิจิตอลหรือเครื่องมือด้านลูกค้า

See Aspose.OCR สําหรับการอ้างอิง API .NET สําหรับตัวอย่างรวมเพิ่มเติม

 แบบไทย