Single-file Web App prototype for a travel company. Use the existing website login in production. This demo stores audit logs in this browser only.
Passport MRZ Upload to Excel
Upload passport images from LINE, review extracted MRZ data, validate, and export to the namelist Excel template.
S
Staff
Scanner user
1. Tour group setup
Production note: login, audit logs, image retention, and scheduled deletion must be handled by the existing website backend. This HTML includes a client-side prototype and integration hooks.
2. Upload passport images and Excel template
Drag passport images here
Best result: full passport page, MRZ at bottom is sharp, no glare, JPG/PNG/WebP.
No OCR task running.
Manual MRZ fallback
Paste the two MRZ lines if the OCR cannot read a blurry image.
MRZ checksum validation is included, but staff should always review name, passport number, date of birth, and expiry date before export.
3. Review and validate
Total0
Confirmed0
Warnings0
Critical0
Duplicates0
Image
Status
Confirm
Customer Type
Title
First Name
Last Name
Date of Birth
Passport No.
Expiry Date
Nationality
Gender
Thai Prefix
Issues
Actions
No passport images uploaded yet.
4. Audit log
Phase 2: LINE OA integration hooks
Use these endpoints when the existing website backend is ready. The webhook must run server-side, not in this HTML file.
POST /api/line/webhook POST /api/passport-scan/upload POST /api/passport-scan/logs POST /api/passport-scan/cleanup GET /api/passport-scan/groups/:groupId/export
