home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

ฝังไฟล์ PDF ในหน้า HTML5 ด้วย iframe

ใช้ <iframe> แสดง PDF

<!DOCTYPE html>
<html>
<head>
  <title>HTML iframe PDF</title>
</head>
<body>
  <h1>HTML5 Tutorial</h1>
  <iframe src="https://example.com/document.pdf" style="width:100%; height:600px;"></iframe>
</body>
</html>

ทางเลือกอื่น

  • <embed src="file.pdf" type="application/pdf">
  • <object data="file.pdf" type="application/pdf">
  • PDF.js (Mozilla) - Render PDF ด้วย Canvas/JS ไม่ต้อง Plugin

iframe เป็นวิธีง่ายที่สุด รองรับทุกเบราว์เซอร์ที่มี PDF Viewer