3 Cara Mudah Menampilkan File PDF di Website

3 Cara Mudah Menampilkan File PDF di Website

3 Cara Mudah Menampilkan File PDF di Website

File pdf biasanya di baca menggunakan pdf reader seperti adobe reader, nitro pdf dan sebagainya. Kali akan kita ulas bagaimana menampilkan file pdf agar dapat di baca secara online melalui browser seperti chrome, mozilla firefox, dan juga internet explorer.

Caranya cukup mudah dan simpel saja, berikut ini script atau tag html yang bisa di kita gunakan untuk menampilkan file pdf di browser:

Embed

Merupakan tag html yang berguna untuk membaca source dari sebuh file sehingga dapat di run atau di jalankan di browser:

Tag:

<embed>

Dukungan Browser:

  1. Google Chrome
  2. Mozilla Firefox
  3. Safari
  4. Opera
  5. Internet explorer

Dukungan script:

Html 4.01+

Atribut:

  1. height, berfungsi untuk mengatur tinggi ruang pdf
  2. src, source dimana link url pdf atau file
  3. type, bererisi tipe file dalam kasus ini pdf
  4. width, mengatur lebar ruang pembacaan pdf

Penggunaan:

<embed src=”file.pdf”>

Iframe

Untuk tag iframe, source yang dapat digunakan selain file pdf, word, excel,audio, video sama seperti tag embed ini dapat juga digunakan untuk menampilkan link url halaman web pada sourcenya.

Tag: 

<iframe></iframe>

Dukungan Browser:

  1. Google Chrome
  2. Mozilla Firefox
  3. Safari
  4. Opera
  5. Internet explorer

Dukungan script:

Html 4.01+

Atribut:

  1. height, mengatur tinggi ruang tampil (misal:100px)
  2. src, link file yang akan ditampilkan (misal: file.pdf)
  3. width, mengatur lebar ruang tampil (misal:100px)
  4. align, mengatur posis tampilan misalnya kiri, kanan atas bawah (left,right,top,middle,bottom)

Penggunaan:

<iframe src=”file.pdf”></iframe>

Object

Berfungsi untuk menampilkan source file berupa file, audio, video, dokument. Perbedaannya adalah pada tag ini menampilkan link filenya menggunakan tag data

Tag: 

<object></object>

Dukungan Browser:

  1. Google Chrome
  2. Mozilla Firefox
  3. Safari
  4. Opera
  5. Internet explorer

Dukungan script:

Html 4.01+

Atribut:

  1. height, mengatur tinggi ruang tampil (misal:100px)
  2. src, link file yang akan ditampilkan (misal: file.pdf)
  3. width, mengatur lebar ruang tampil (misal:100px)
  4. align, mengatur posis tampilan misalnya kiri, kanan atas bawah (left,right,top,middle,bottom)

Penggunaan:

<object data=”file.pdf”></object>

3 Cara menampilkan pdf di website

  1. <embed src=”file_name.pdf” width=”800px” height=”2100px” /><embed src=”file_name.pdf” width=”800px” height=”2100px” />
  2. <iframe src=”file_name.pdf” style=”width: 100%;height: 100%;border: none;”></iframe>
  3. <object data=”data/test.pdf” type=”application/pdf” width=”300″ height=”200″></object>

Terimakasih semoga bermanfaat

Postingan berikutnya

  1. menampilkan pdf di internet expoler
  2. cara membuat pdf reader menggunakan laravel
  3. source code menampilkan dokumen pdf php
  4. script menampilkan file pdf dengan php
  5. preview file pdf dengan php
  6. php pdf di browser hp
  7. metode pembacaan file di php
  8. menampilkan pdf di php
  9. cara memasukan pdf ke file php
  10. menampilkan file pdf in php
  11. memunculkan pdf di internet explorer
  12. membuat viewer pdf di php
  13. laravel tampil file pdf
  14. code menampilkan pdf php
  15. sourcecode menampilkan file pdf
Hubungi Whatsapp

Leave a reply