การแทรกเอกสาร PDF ในเว็บ

ส่วนใหญ่เมื่อเราจะเอาเอกสาร PDF ขึ้นเว็บ เรามักจะใช้การลิงค์ แต่ท่านทราบหรือไม่ว่า เอกสาร PDF ก็สามารถแทรกเข้าหน้าเว็บได้ เหมือนกับการแทรก Flash เหมือนกัน โดยเพิ่มเข้าในลักษณะ Object และระบุ Type เป็น application/pdf พร้อมทั้งระบุชื่อไฟล์ PDF ขนาดความกว้าง ความสูง ของพื้นที่บนหน้าจอที่จะให้แสดงเอกสาร pdf

โค้ดมีดังนี้

object type ระบุเป็น application/pdf
data ระบุชื่อไฟล์ อย่าลืมถ้าไม่ได้อยู่ห้องเดียวกัน ต้องระบุที่อยู่ด้วย
width ระบุความกว้างที่จะแสดงไฟล์ PDF
height ระบุความสูง

ดูโค้ดที่ใช้งานจริง

ผลที่ออกมา มีดังนี้


จะเห็นว่า เอกสาร PDF สามารถย่อ-ขยายได้ มีเมนูของ PDFให้ผู้ใช้ควบคุมได้ตามความต้องการ

2 ตอบกลับที่ การแทรกเอกสาร PDF ในเว็บ

  1. wee2kWeerasak พูดว่า:

    ขอบคุณครับ ได้ความรู้ชัดเจนในการนำไปพัฒนาเว็บที่ใช้ wordpress การแสดงผลใน IE มีเมนู PDF แต่ ใน GoogleChrome ไม่มี ส่วนใน FireFox ไม่แสดงผลลัพธ์ คงต้องติดตั้ง plugin เพิ่มเติมครับ

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

%d bloggers like this: