Pertanyaan Cara yang disarankan untuk menanamkan PDF dalam HTML?


Apa cara yang disarankan untuk menanamkan PDF dalam HTML?

  • iFrame?
  • Obyek?
  • Menanamkan?

Apa yang Adobe katakan sendiri tentang itu?

Dalam kasus saya, PDF dihasilkan dengan cepat, sehingga tidak dapat diunggah ke solusi pihak ketiga sebelum disiram.


981
2017-11-14 23:55


asal


Jawaban:


Mungkin pendekatan terbaik adalah menggunakan PDF.JS Perpustakaan. Itu murni HTML5/JavaScript perender untuk dokumen PDF tanpa plugin pihak ketiga apa pun.

Demo online: http://mozilla.github.com/pdf.js/web/viewer.html

GitHub: https://github.com/mozilla/pdf.js


449
2017-11-15 00:01



Ini cepat, mudah, to the point dan tidak memerlukan skrip pihak ketiga:

<embed src="http://example.com/the.pdf" width="500" height="375" type='application/pdf'>

UPDATE (1/2018):

Browser Chrome di Android tidak lagi mendukung penyematan PDF. Anda dapat menggunakan ini dengan menggunakan penampil PDF Google Drive

<embed src="https://drive.google.com/viewerng/viewer?embedded=true&url=http://example.com/the.pdf" width="500" height="375">

404
2017-08-12 17:29



Anda juga dapat menggunakan penampil Google PDF untuk tujuan ini. Sejauh yang saya tahu itu bukan fitur Google resmi (apakah saya salah dalam hal ini?), Tetapi ini bekerja untuk saya dengan sangat baik dan lancar. Anda perlu mengunggah PDF Anda di suatu tempat sebelumnya dan cukup gunakan URL-nya:

<iframe src="http://docs.google.com/gview?url=http://example.com/mypdf.pdf&embedded=true" style="width:718px; height:700px;" frameborder="0"></iframe>

Yang penting adalah bahwa itu tidak membutuhkan pemain Flash, ia menggunakan JavaScript.


326
2018-03-10 13:38



Anda memiliki kontrol atas bagaimana PDF muncul di browser dengan memberikan beberapa opsi dalam string kueri. Saya senang ini bekerja, sampai saya menyadari itu tidak berfungsi di IE8. :(

Ia bekerja di Chrome 9 dan Firefox 3.6, tetapi di IE8 itu menunjukkan pesan "Masukkan pesan kesalahan Anda di sini, jika PDF tidak dapat ditampilkan."

Saya belum menguji versi lama dari salah satu browser di atas. Tapi inilah kode yang saya miliki dalam hal ini membantu siapa pun. Ini mengatur zoom hingga 85%, menghapus scrollbars, toolbar, dan nav panel. Saya akan memperbarui posting saya jika saya menemukan sesuatu yang bekerja di IE juga.

<div id="pdf">
  <object width="400" height="500" type="application/pdf" data="/my_pdf.pdf?#zoom=85&scrollbar=0&toolbar=0&navpanes=0" id="pdf_content">
    <p>Insert your error message here, if the PDF cannot be displayed.</p>
  </object>
</div>

82
2018-03-02 18:36



Menggunakan keduanya <object> dan <embed> akan memberi Anda kompatibilitas browser yang lebih luas.

<object data="http://yoursite.com/the.pdf" type="application/pdf" width="750px" height="750px">
    <embed src="http://yoursite.com/the.pdf" type="application/pdf">
        <p>This browser does not support PDFs. Please download the PDF to view it: <a href="http://yoursite.com/the.pdf">Download PDF</a>.</p>
    </embed>
</object>

45
2018-05-15 14:36



Konversikan ke PNG melalui ImageMagick, dan tampilkan PNG (cepat dan kotor).

<?php
  $dir = '/absolute/path/to/my/directory/';
  $name = 'myPDF.pdf';
  exec("/bin/convert $dir$name $dir$name.png");
  print '<img src="$dir$name.png" />';
?>

Ini adalah opsi yang bagus jika Anda memerlukan solusi cepat, ingin menghindari masalah tampilan PDF lintas-browser, dan jika PDF hanya satu atau dua halaman. Tentu saja, Anda perlu ImageMagick diinstal (yang pada gilirannya membutuhkan Ghostscript) di server web Anda, opsi yang mungkin tidak tersedia di lingkungan hosting bersama. Ada juga plugin PHP (disebut imagick) yang berfungsi seperti ini tetapi memiliki persyaratan khusus itu sendiri.


19
2017-12-06 18:17



Silahkan lihat kode ini- Untuk menanamkan PDF dalam HTML

<!-- Embed PDF File -->
<object data="YourFile.pdf" type="application/x-pdf" title="SamplePdf" width="500" height="720">
    <a href="YourFile.pdf">shree</a> 
</object>

13
2017-11-15 23:11



FDView menggabungkan PDF2SWF (Itu sendiri didasarkan pada xpdf) dengan sebuah SWF penampil sehingga Anda dapat mengonversi dan menyematkan dokumen PDF dengan cepat di server Anda.

xpdf bukan konverter PDF yang sempurna. Jika Anda membutuhkan hasil yang lebih baik Ghostview memiliki kemampuan untuk mengonversi dokumen PDF ke dalam format lain yang Anda mungkin dapat lebih mudah membangun penampil Flash untuk.

Namun untuk dokumen PDF sederhana, FDView harus berfungsi dengan baik.


12
2017-11-15 23:50



Scribd tidak lagi mengharuskan Anda untuk meng-host dokumen Anda di server mereka. Jika Anda membuat akun dengan mereka sehingga Anda mendapatkan ID penayang. Hanya diperlukan beberapa baris kode JavaScript untuk memuat file PDF yang tersimpan di server Anda sendiri.

Untuk lebih jelasnya, lihat Alat pengembang.


7
2017-08-19 00:30



  1. Buat wadah untuk menyimpan PDF Anda

    <div id="example1"></div>
    
  2. Beri tahu PDFObject yang ingin di-embed PDF, dan tempat untuk menanamnya

    <script src="/js/pdfobject.js"></script>
    <script>PDFObject.embed("/pdf/sample-3pp.pdf", "#example1");</script>
    
  3. Anda dapat secara opsional menggunakan CSS untuk menentukan gaya visual, termasuk dimensi, batas, margin, dll.

    <style>
    .pdfobject-container { height: 500px;}
    .pdfobject { border: 1px solid #666; }
    </style>
    

sumber: https://pdfobject.com/


5
2018-05-19 23:32