ตัวแปลง Base64 เป็น PDF

การคัดลอก Base64 จากการตอบกลับของ API

บริการที่สร้างใบแจ้งหนี้ ฉลากจัดส่ง รายงาน หรือสัญญาที่ลงนามแล้ว มักส่ง PDF กลับมาภายใน JSON เช่น {"filename": "label.pdf", "data": "JVBERi0..."} ให้คัดลอกเฉพาะข้อความระหว่างเครื่องหมายคำพูดที่อยู่หลังชื่อฟิลด์ และระวังรายละเอียดต่อไปนี้

• เครื่องหมายทับที่ถูก escape ตัวเข้ารหัส JSON บางตัว รวมถึง json_encode ของ PHP จะเขียน / ทุกตัวเป็น \/ เนื่องจาก / เป็นอักขระปกติของ Base64 ให้แทนที่ \/ ด้วย / ก่อนวาง หรือแยกวิเคราะห์ JSON ก่อนแล้วจึงคัดลอกค่า
• เครื่องหมายคำพูดและจุลภาค ไม่ต้องคัดลอกเครื่องหมายคำพูดที่ครอบอยู่และจุลภาคที่ต่อท้าย
• การขึ้นบรรทัดใหม่ ช่องว่างและการขึ้นบรรทัดใหม่จริงภายใน Base64 เช่น ค่าที่ตัดบรรทัดทุก 76 อักขระ ไม่เป็นปัญหาและไม่ต้องลบออก แต่ลำดับอักขระ \n หรือ \r\n ที่เขียนไว้ตรง ๆ ใน JSON ดิบเป็นอีกเรื่องหนึ่ง เพราะเป็นอักขระแบ็กสแลชและต้องลบออก

การคัดลอกค่าจากมุมมองที่แยกวิเคราะห์แล้วในเครื่องมือสำหรับนักพัฒนาของเบราว์เซอร์จะช่วยหลีกเลี่ยงปัญหาการ escape ทั้งหมดนี้

การดึงไฟล์แนบ PDF ออกจากอีเมล

ไฟล์แนบของอีเมลถูกเก็บเป็น Base64 อยู่ภายในข้อความดิบ ให้เปิดซอร์สของข้อความ (“Show original” หรือ “แสดงต้นฉบับ” ใน Gmail, “Message Source” ใน Thunderbird, “Raw Source” ใน Apple Mail) แล้วหาส่วนที่มีส่วนหัว Content-Type: application/pdf (หรือ application/octet-stream ที่มีชื่อไฟล์ .pdf) และ Content-Transfer-Encoding: base64 คัดลอกบล็อกที่เริ่มหลังบรรทัดว่างใต้ส่วนหัวเหล่านั้น และสิ้นสุดก่อนบรรทัดถัดไปที่ขึ้นต้นด้วย -- ซึ่งเป็นเส้นแบ่งเขต MIME แล้ววางที่นี่ได้เลยตามที่เป็นอยู่ การขึ้นบรรทัดใหม่จะถูกละเว้น

การแสดง PDF แบบ Base64 ในเว็บแอปของคุณเอง

เมื่อฟรอนต์เอนด์ของคุณได้รับ PDF แบบ Base64 และต้องแสดงผล Blob URL จะเชื่อถือได้มากกว่า data URI ซึ่งเบราว์เซอร์บางตัวไม่ยอมเปิดในแท็บใหม่

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); // หรือใช้เป็น src ของ <iframe>

เรียก URL.revokeObjectURL(url) เมื่อไม่ต้องใช้เอกสารแล้วเพื่อคืนหน่วยความจำ โปรดทราบว่า atob รับเฉพาะชุดตัวอักษร Base64 มาตรฐาน จึงต้องแปลงอินพุตแบบปลอดภัยสำหรับ URL (- และ _) ก่อน