เขาเรียกผมว่า เว็บมาสเตอร์

แสดงไฟล์ PDF บนหน้าเว็บไซต์

วันนี้ได้รับคำถามจากนายนิค Flashfly มาจากทาง MSN ว่า “เราเอาไฟล์ PDF มาแสดงในหน้าเว็บไซต์ได้ไหมพี่?” ดีที่มีคนถามมาเพราะจะได้มีเรื่องเขียนลง Blog อิอิ ก็ไม่รีรอครับ มานั่งเขียนลง Blog ดีกว่า คนอื่นที่ไม่ทราบจะได้รู้และนำไปใช้ได้ มากกว่าบอกคนๆเดียว

โดยทั่วๆไปแล้วเวลาใครก็ตามที่จะแสดงไฟล์ PDF ก็มักจะใช้วิธีลิงก์ไปหาไฟล์โดยตรง เช่น

<a href=”doc.pdf” target=”_blank”>ไฟล์ PDF </a>

จะเขียนแบบนี้ซะเป็นส่วนมาก จะมีน้อยคนที่อยากเอา PDF มาแสดงหน้าเว็บไซต์ แต่ในเมื่ออยากทำก็ทำได้ครับ

การนำเอา PDF มาแสดงหน้าเว็บไซต์ ก็เหมือนๆกับการดึงเอา Flash มาแสดงนั่นแหล่ะครับ โดยสามารถนำมาวางได้ 2 แบบคือแบบที่ใช้ <embed> และอีกแบบก็คือการใช้ <object> ครับ เดี๋ยวเรามาดูในแต่ละแบบว่ามีการเขียนโค๊ดยังไงดีกว่า

<embed>
เขียนโค๊ดได้ดังนี้ <embed src=”file.pdf” mce_src=”file.pdf” width=”500″ height=”650″></embed>
ผลลัพท์ของโค๊ดนี้ก็คือการดึงเอาไฟล์ file.pdf ออกมาแสดงหน้าเว็บเลย

<object>
ก็จะมีการกำหนดรูปแบบของโค๊ดดังนี้ <object type=”application/pdf” data=”doc.pdf” width=”500″ height=”650″ ></object>
ซึ่งผลที่ได้ก็เหมือนกันครับ

ที่การนำเอาไฟล์ PDF มาแสดงผลบนหน้าเว็บไซต์แบบนี้ไม่ค่อยนิยมเพราะว่าปัญหาเรื่องของ Browser เป็นหลักครับ เพราะมันอาจจะมีปัญหากับบาง Browser ที่ไม่สามารถเปิดดูได้ หรือ เครื่องที่ไม่ได้ลง Acrobat reader ก็อาจจะเปิดไม่ได้เช่นกัน

ยังไงก็เลือกใช้เอาตามความเหมาะสมนะครับ

Posted in PHP, ความรู้ | No Comments »