Cách Xây dựng một Studio Chú thích Tài liệu trên Trình duyệt
Các nhóm làm việc với hợp đồng, hóa đơn hoặc bằng chứng cần nhiều hơn là một trình xem đơn thuần. Họ cần một cách để tập hợp các trang từ các nguồn khác nhau mà không cần tải các tệp nhạy cảm lên máy chủ.
Bạn có thể xây dựng một studio chú thích tài liệu phía client bằng cách sử dụng TypeScript, Vite và các công cụ của Dynamsoft.
Ứng dụng này cho phép bạn:
- Mở các tệp PDF và hình ảnh.
- Thêm các tệp mới vào một tài liệu hiện có thay vì thay thế nó.
- Chụp các trang trực tiếp từ máy quét.
- Thêm các dấu xóa thông tin (redaction) có thể di chuyển và các dấu phê duyệt.
- Xóa các trang không mong muốn.
- Xuất các tài liệu đã hoàn thiện dưới dạng PDF, PNG, JPEG hoặc TIFF.
Công nghệ sử dụng:
- Node.js 18+
- Dynamsoft Document Viewer (DDV) v4
- Dynamic Web TWAIN (DWT)
- Vite và TypeScript
Logic chính:
Thay vì thay thế tệp hiện tại, hãy sử dụng doc.loadSource(source, index) để chèn thêm các trang. Điều này cho phép bạn tạo một tài liệu duy nhất từ nhiều hình ảnh và tệp PDF khác nhau.
Đối với máy quét, hãy sử dụng cầu nối Dynamic Web TWAIN. Vì các trình duyệt thiếu API máy quét tiêu chuẩn, DWT cung cấp kết nối tới phần cứng. Bạn có thể chuyển đổi các hình ảnh đã quét thành một PDF blob và thêm chúng vào trình xem của mình ngay lập tức.
Để bảo mật, hãy sử dụng các chú thích xóa thông tin (redaction). Bạn có thể tạo một hình chữ nhật màu đen đè lên văn bản nhạy cảm. Người dùng có thể di chuyển hoặc thay đổi kích thước dấu này trước khi áp dụng nó vĩnh viễn vào tài liệu.
Việc xuất tệp rất linh hoạt. Bạn có thể chọn các chế độ PDF khác nhau:
- Chế độ Annotation: Giữ các dấu chú thích ở dạng có thể chỉnh sửa.
- Chế độ Flatten: Ghi đè các dấu chú thích vào trang.
- Chế độ Image: Chuyển đổi các trang thành hình ảnh.
Cách tiếp cận này giữ toàn bộ quá trình xử lý ở phía client. Dữ liệu của bạn luôn được riêng tư và bảo mật.