Đọ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

Bộ lọc select tỉnh thành, quận huyện sử dựng API provinces.open-api.vn

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

Nhập vào input hiển thị số dạng rút ngắn theo đơn vị

Ẩn bớt nội dung và thêm dấu 3 chấm khi nội dung quá dài

Hiệu ứng Hover cho hình ảnh khi đưa chuột vào

Code chuyển Html sang Markdow

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

Hướng dẫn CSS border gradient

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