3 Cara Mudah Menampilkan File PDF di Website

By , October 3, 2017,
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 file pdf dengan codeigniter
  2. cara menampilkan file pdf dengan php
  3. script menampilkan file pdf dengan php
  4. cara menampilkan pdf dengan php
  5. https://www sistemphp com/cara-menampilkan-file-pdf-di-website/
  6. menampilkan file df di php
  7. membaca isi file pdf dengan php
  8. membaca file pdf dengan php
  9. https://googleweblight com/i?u=https://www sistemphp com/cara-menampilkan-file-pdf-di-website/&grqid=STT_4wUj&s=1&hl=id-ID
  10. enampilkan file pdf php
  11. cara menampilkan pdf di web php
  12. cara menampilkan file pdf phpmysql
  13. cara menampilkan file pdf di php
  14. cara membuat pdf tampil di website dengan php
  15. source code menampilakn file pdf

Leave a Reply