Chuyển đổi Base64 sang PDF

Sao chép Base64 từ phản hồi API

Các dịch vụ tạo hóa đơn, nhãn vận chuyển, báo cáo hoặc hợp đồng đã ký thường trả về PDF bên trong JSON, ví dụ {"filename": "label.pdf", "data": "JVBERi0..."}. Chỉ sao chép phần văn bản nằm giữa hai dấu ngoặc kép sau tên trường, và chú ý các chi tiết sau:

• Dấu gạch chéo bị thoát. Một số bộ mã hóa JSON, trong đó có json_encode của PHP, viết mọi ký tự / thành \/. Vì / là ký tự Base64 bình thường, hãy thay \/ bằng / trước khi dán, hoặc phân tích JSON trước rồi mới sao chép giá trị.
• Dấu ngoặc kép và dấu phẩy. Bỏ dấu ngoặc kép bao quanh và mọi dấu phẩy ở cuối.
• Dấu xuống dòng. Dấu cách và dấu xuống dòng thật bên trong Base64, chẳng hạn giá trị được ngắt dòng sau 76 ký tự, đều không sao và không cần xóa. Các chuỗi ký tự \n hoặc \r\n xuất hiện nguyên văn trong JSON thô thì khác: chúng chứa ký tự gạch chéo ngược và phải được xóa.

Sao chép giá trị từ chế độ xem đã phân tích trong công cụ dành cho nhà phát triển của trình duyệt sẽ giúp bạn tránh được tất cả các vấn đề thoát ký tự này.

Trích xuất tệp PDF đính kèm từ email

Tệp đính kèm email được lưu dưới dạng Base64 bên trong thư thô. Hãy mở mã nguồn thư ("Hiển thị bản gốc" trong Gmail, "Message Source" trong Thunderbird, "Raw Source" trong Apple Mail) và tìm phần có header chứa Content-Type: application/pdf (hoặc application/octet-stream kèm tên tệp .pdf) và Content-Transfer-Encoding: base64. Sao chép khối bắt đầu sau dòng trống bên dưới các header đó và kết thúc trước dòng tiếp theo bắt đầu bằng --, tức ranh giới MIME. Dán nguyên khối đó vào đây; các dấu xuống dòng sẽ được bỏ qua.

Hiển thị PDF Base64 trong ứng dụng web của bạn

Khi front-end nhận được PDF dạng Base64 và cần hiển thị nó, Blob URL đáng tin cậy hơn data URI, vì một số trình duyệt từ chối mở data URI trong thẻ mới:

const bytes = Uint8Array.from(atob(base64), c => c.charCodeAt(0));
const blob = new Blob([bytes], { type: 'application/pdf' });
const url = URL.createObjectURL(blob);
window.open(url); // hoặc dùng làm src của một <iframe>

Hãy gọi URL.revokeObjectURL(url) khi không còn cần tài liệu nữa để giải phóng bộ nhớ. Lưu ý rằng atob chỉ chấp nhận bảng ký tự Base64 tiêu chuẩn, nên hãy chuyển đổi đầu vào dạng an toàn cho URL (- và _) trước.