สองตัวเลือก: ตัวเลือกแรกคือลิงก์โดยตรง โดยถือว่าไฟล์ pdf เป็นไฟล์ img ซึ่งคล้ายกับ <a href=""/> โดยมีลิงก์ดังนี้:
คัดลอกรหัสรหัสดังต่อไปนี้:
<frame src="ที่อยู่ไฟล์ pdf"></frame>
อีกวิธีหนึ่ง: ใช้ปลั๊กอิน js
มีปลั๊กอิน js มากมายสำหรับการอ่านไฟล์ PDF เช่น: pdf.js: เป็นต้นแบบทางเทคนิคที่ใช้เป็นหลักในการแสดงเอกสาร PDF บนแพลตฟอร์ม HTML5 โดยไม่มีการสนับสนุนทางเทคนิคในพื้นที่ jsPDF: เป็นไลบรารีโอเพ่นซอร์สที่ใช้ภาษา Javascript เพื่อสร้าง PDF (ยังไม่รองรับ IE);
ปลั๊กอิน js ที่ค่อนข้างง่ายและใช้งานง่าย: PDFObject.js เป็นไลบรารี JavaScript ที่ใช้ในการฝังเอกสาร PDF ใน HTML แบบไดนามิก
เอฟเฟกต์มีดังนี้:
PDFObject.js ได้รับการอัปเกรดเป็น 1.2 และสามารถรองรับ IE9 ได้
PDFObject.js วัตถุประสงค์: บางครั้งคุณจำเป็นต้องมี JavaScript เล็กน้อย เมื่อคุณทำเช่นนั้น ให้ลองใช้ PDFObject
มาดูโค้ด js ไม่กี่โค้ดกัน:
คัดลอกรหัสรหัสดังต่อไปนี้:
<script type="text/javascript">
window.onload = ฟังก์ชั่น (){
ความสำเร็จ var = PDFObject ใหม่ ({ url: "sample.pdf" }).embed();
-
</สคริปต์>
โอเค แค่นั้นแหละ. เพียงเขียนที่อยู่ให้ถูกต้อง
จะเกิดอะไรขึ้นถ้าฉันโหลด pdf ใน div? เมื่อดูที่เว็บไซต์อย่างเป็นทางการ ฉันพบว่าเมธอด embed() สามารถมีพารามิเตอร์ได้ ไม่มีพารามิเตอร์ที่อ้างอิงถึงเนื้อหา และพารามิเตอร์อ้างอิงถึงตำแหน่งเฉพาะ
คัดลอกรหัสรหัสดังต่อไปนี้:
<script type="text/javascript">
window.onload = ฟังก์ชั่น (){
var Success = new PDFObject({ url: "sample.pdf" }).embed("div's id");
-
</สคริปต์>
แน่นอน คุณยังสามารถตั้งค่าพารามิเตอร์เพิ่มเติมได้ เช่น จำนวนวินาทีที่คุณต้องการดูตัวอย่าง ด้วย CSS โดยไม่ต้องใช้ CSS เป็นต้น