วิธีการสร้างแอปพลิเคชันเว็บการค้นหาข้อความภาพด้วย 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 สําหรับตัวอย่างรวมเพิ่มเติม