Menampilkan File PDF ke Webpage HTML PHP


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 seperti aplikasi perpustakaan, persuratan dan lain-lain.

Berikut adalah cara memasangkan file PDF pada halaman web/blog kita,  cara pemasangannya cukup sederhana, sebagai berikut:

Cara 1

Copy paste kode dibawah ini:
<object data="Letak_file.pdf" type="application/pdf" width="100%" height="100%"></object>

Cara 2

Cukup membuat sebuah file html dengan nama index.html.
Lalu tuliskan script seperti berikut ini:
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

 <title>Menampilkan File PDF ke Webpage HTML PHP</title>

</head>

<body>

 <embed src="LOKASI_FILE.pdf" width="550" height="600"> </embed>

</body>

</html>

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.

Tag object dan tag embed juga bisa digunakan untuk menampilkan file-file lain seperti file audio dan video.

Source Code lengkapnya dapat kamu download pada link berikut:

DOWNLOAD SOURCE CODE

Semoga bermanfaat.

Komentar