Dua pilihan: satu adalah tautan langsung, memperlakukan file pdf sebagai file img, mirip dengan <a href=""/>, menghubungkan seperti ini:
Copy kode kodenya sebagai berikut:
<frame src="alamat file pdf"></frame>
Cara lain: gunakan plugin js.
Ada banyak plugin js untuk membaca file PDF, seperti: pdf.js: adalah prototipe teknis yang terutama digunakan untuk menampilkan dokumen PDF pada platform HTML5 tanpa dukungan teknis lokal; jsPDF: adalah perpustakaan sumber terbuka yang menggunakan bahasa Javascript untuk menghasilkan PDF (IE belum didukung);
Plugin js yang relatif sederhana dan mudah digunakan: PDFObject.js, yang merupakan pustaka JavaScript yang digunakan untuk menyematkan dokumen PDF ke HTML secara dinamis.
Efeknya adalah sebagai berikut:
PDFObject.js telah ditingkatkan ke 1.2 dan dapat mendukung IE9.
PDFObject.js Tujuan: Terkadang Anda memerlukan sedikit JavaScript. Saat melakukannya, cobalah PDFObject.
Mari kita lihat beberapa kode js:
Copy kode kodenya sebagai berikut:
<skrip tipe="teks/javascript">
jendela.onload = fungsi (){
var sukses = Objek PDF baru({ url: "sample.pdf" }).embed();
};
</skrip>
Oke, itu saja. Tulis saja alamatnya dengan benar.
Bagaimana jika saya memuat pdf dalam div? Melihat situs resminya, saya menemukan bahwa metode embed() dapat memiliki parameter. Tidak ada parameter yang merujuk ke badan, dan parameter merujuk ke posisi tertentu.
Copy kode kodenya sebagai berikut:
<skrip tipe="teks/javascript">
jendela.onload = fungsi (){
var sukses = Objek PDF baru({ url: "sample.pdf" }).embed("id div");
};
</skrip>
Tentu saja, Anda juga dapat mengatur parameter lebih lanjut, seperti berapa detik Anda ingin melihat pratinjau, dengan css, tanpa css, dll.