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

Added show capture photo in ocr

Browse Source
This commit is contained in:
dhanabalan
2025-10-23 15:02:32 +05:30
parent 12863eaafb
commit 23e0fd08c9
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -288,8 +288,6 @@ document.addEventListener('DOMContentLoaded', () => {
<input type="hidden" x-ref="hiddenInput" x-model="photo1" name="camera_capture_file"> <input type="hidden" x-ref="hiddenInput" x-model="photo1" name="camera_capture_file">
</div> </div>
<!-- Latest Tesseract.js from CDN -->
<script> <script>
function cameraCapture() { function cameraCapture() {
@@ -329,6 +327,12 @@ function cameraCapture() {
canvas.height = video.videoHeight; canvas.height = video.videoHeight;
context.drawImage(video, 0, 0, canvas.width, canvas.height); context.drawImage(video, 0, 0, canvas.width, canvas.height);
// Show snapshot
const snapshot = this.$refs.snapshot;
snapshot.src = canvas.toDataURL('image/jpeg');
snapshot.classList.remove('hidden');
video.classList.add('hidden');
// Convert canvas to file // Convert canvas to file
canvas.toBlob(async blob => { canvas.toBlob(async blob => {
const file = new File([blob], 'capture.jpeg', { type: 'image/jpeg' }); const file = new File([blob], 'capture.jpeg', { type: 'image/jpeg' });