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. cara menampilkan file audio dengan php
  2. menampilkan pdf di laravel
  3. source code untuk menampilkan preview dokumen
  4. menampilkan pdf di dalam html
  5. menampilkan file pdf laravel
  6. contoh script menampilkan PDF di browser
  7. coding tampilkan pdf di php
  8. coding php menampilkan file
  9. cara menampilkan pdf
  10. cara menampilkan file pdf pada internet explorer
  11. Cara menampilkan file pdf dengan iframe
  12. Cara memunculkan file pdf
  13. cara membuat view pdf di php
  14. cara membuat penampil pdf di php mysql
  15. cara memasukan pdf ke web

Leave a Reply