poc/pds
1
0
Fork 1
Code Issues Pull Requests 8 Actions Packages Projects Releases Wiki Activity

changed capture logic of ocr

Browse Source
This commit is contained in:
dhanabalan
2025-10-17 10:01:26 +05:30
parent 83cc18b93c
commit 96a19f8566
1 changed files with 14 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
resources/views/fields/camera-capture.blade.php
View File

@@ -39,6 +39,8 @@ document.addEventListener('DOMContentLoaded', () => {
});
</script> --}}
{{-- logic --}}
<div x-data="cameraCapture()" x-init="initCamera()" class="space-y-2">
<video x-ref="video" width="320" height="240" autoplay playsinline class="border rounded"></video>
<canvas x-ref="canvas" width="320" height="240" class="hidden"></canvas>
@@ -48,10 +50,12 @@ document.addEventListener('DOMContentLoaded', () => {
<x-filament::button color="primary" @click="capturePhoto" x-show="!photoTaken">Capture</x-filament::button>
<x-filament::button color="secondary" @click="retakePhoto" x-show="photoTaken">Retake</x-filament::button>
<x-filament::button color="gray" @click="switchCamera" x-show="!photoTaken">Switch Camera</x-filament::button>
</div>
</div>
{{--
<input type="hidden" name="{{ $getName() }}" x-ref="hiddenInput"> --}}
{{-- <input type="hidden" name="photo_data" x-ref="hiddenInput"> --}}
<input type="hidden" x-ref="hiddenInput" x-model="photo1">
{{-- <input type="hidden" name="{{ $getName() }}" x-ref="hiddenInput"> --}}
<input type="hidden" name="photo_data" x-ref="hiddenInput">
</div>
<script>
@@ -102,27 +106,17 @@ function cameraCapture() {
snapshot.classList.remove('hidden');
this.photoTaken = true;
this.$refs.hiddenInput.value = dataUrl;
@this.set('photo1', dataUrl);
// this.$refs.hiddenInput.value = dataUrl;
},
async verifyPhoto() {
this.recognizedText = 'Processing...';
const snapshot = this.$refs.snapshot;
try {
const result = await Tesseract.recognize(snapshot.src, 'eng');
this.recognizedText = result.data.text.trim();
} catch (err) {
console.error('OCR Error:', err);
this.recognizedText = 'Error reading text from image.';
}
},
async retakePhoto() {
this.photoTaken = false;
this.$refs.snapshot.classList.add('hidden');
//this.$refs.video.classList.remove('hidden');
this.$refs.video.classList.remove('hidden');
await this.initCamera();
}
}