Cara menampilkan file PDF di halaman website dengan html | PDF merupakan salah satu file yang sering digunakan untuk menampilkan dokumen di Internet. Sedikit berbeda dengan Microsoft Word, file PDF dirasa lebih aman karena agak sulit untuk dimanipulasi.

Menampilkan file pdf di html (Image: div-arena.com )
File PDF biasanya digunakan untuk mempublikasikan jurnal ilmiah, paper, skripsi, tutorial, proposal, invoice pembayaran dan lain sebagainya. Jadi sangat efektif jika sebuah halaman website bisa langsung menampilkan file PDF tanpa perlu menampilkan permintaan untuk mendownload terlebih dahulu.
Menampilkan file PDF di halaman website HTML juga bisa berguna untuk orang-orang yang ingin membuat website perpustakaan misalnya.
Cara Menampilkan File PDF dengan HTML
Kita bisa menampilkan file PDF dengan mudah di halaman website dengan melakukan embed di HTML, berikut cara singkatnya.
Cukup membuat sebuah file html dengan nama index.html.
Lalu tuliskan script seperti berikut ini
Bagian yang perlu diperhatikan adalah pada baris ke-8 yang berisikan tag embed, disitu kita bisa menentukan lebar(width), tinggi(height) dan url dari file PDF yang ingin ditampilkan.
Sangat mudah bukan? tidak perlu script yang panjang-panjang, cukup singkat dan file PDF bisa tampil di halaman website Anda tanpa muncul permintaan untuk mendownload.
Tag embed juga bisa digunakan untuk menampilkan file-file lain seperti file audio dan video.
Semoga berguna..
Good artikle bro…keren-keren tutorialnya.
Kalo link embednya kaya gini mah g bisa ya min, malah langsung download….
https://rawgit.com/mastamvan/backup/master/DOCTYPE%20html.pdf
Apa hostingnya yg beda, saya mau pasang d post blog.
Harusnya sih bisa.
Saras, sebaiknya nama file jangan ada spasi
Kok saya mah langsung ada permintaan download..?
katanya ngak ada permintaan download..
Gimana ya caranya biar bisa langsung baca file pdfnya di webnya langsung kaya gmail gitu..? Tolong dong kasih tutorialnya :)
Terima kasih :) :)
Mungkin kamu install aplikasi downloader.
Artikel yg bagus. Saya sdh coba dan sukses di chrome&firefox. Tetapi, ada yg ngganjel ni:
1. Di internet explorer tidak bisa tampil, malah langsung download.
2. Misal saya mau tampilin file “soalipa.pdf”, saya coba sukses. Kemudian file itu saya edit, dan browser saya refresh. Kenapa yg tampil tetap file yg lama? File yg sudah diedit tidak tampil. Setelah dihapus histori, baru file yg diedit tadi tampil. Jadi seperti ngambilnya dari histori bukan dari folder. Kenapa itu gan?
Coba baca disini dan aplikasikan di website yang Anda buat.
Intinya berikan nama versi pada nama file tersebut, versi bisa dengan cara menggenerate angka random.
Baca disini