Đọc text trong hình ảnh

<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<title>OCR tiếng Việt với Tesseract.js</title>
<script src="https://cdn.jsdelivr.net/npm/tesseract.js@5/dist/tesseract.min.js"></script>
<style>
    body { font-family: Arial, sans-serif; max-width: 600px; margin: 50px auto; }
    .result { margin-top: 20px; white-space: pre-wrap; background: #f4f4f4; padding: 10px; border-radius: 5px; }
    progress { width: 100%; height: 20px; margin-top: 10px; }
</style>
</head>
<body>

<h2>Chuyển hình ảnh sang text (Tiếng Việt)</h2>

document.getElementById('resultText').textContent = '';
    document.getElementById('status').textContent = 'Đang xử lý...';
    document.getElementById('progress').value = 0;

Tesseract.recognize(
        file,
        'vie', // Ngôn ngữ tiếng Việt
        {
            logger: m => {
                console.log(m);
                if (m.status === 'recognizing text') {
                    document.getElementById('progress').value = m.progress;
                }
                document.getElementById('status').textContent = m.status;
            }
        }
    ).then(({ data: { text } }) => {
        document.getElementById('resultText').textContent = text;
        document.getElementById('status').textContent = 'Hoàn thành';
    }).catch(err => {
        console.error(err);
        document.getElementById('status').textContent = 'Có lỗi xảy ra!';
    });
});
</script>

</body>
</html>

Đọc text trong hình ảnh

Chia cột bằng thuộc tính display grid trong CSS

Cách để tạo một Modal, Popup bằng HTML, CSS, JS cơ bản

Hiển thị menu khi click chuột phải như ở màn hình máy tính

Chia cột bằng thuộc tính display flex trong CSS

Bộ lọc select chọn Tỉnh Thành, Quận huyện, Xã phường, sử dụng data-id

Xóa bỏ gạch chân cho link trong html css

Thư viện mã QR kèm logo ở giữa

Hiệu ứng zoom, phóng to hình ảnh khi đưa chuột vào

Code lịch hiển thị thời gian ngày tháng hiện tại bằng Javascript

Căn giữa Hình ảnh, thẻ Div, Text trong CSS