HTML tertanam PDF iframe
Saya telah menggunakan <iframe> tag untuk menanamkan file pdf.
<iframe id="iframepdf" src="files/example.pdf"></iframe>Ini bekerja dengan baik di Chrome, IE8+, Firefox dll, tapi untuk beberapa alasan, ketika beberapa orang yang melihat hal itu di IE8, file yang di download bukan dari embedding. Aku tahu ini browser sudah usang, tapi itu adalah browser standar dalam kantor saya dan dengan demikian, website anda harus dirancang untuk ini.
Apakah ada yang punya ide-ide tentang mengapa hal ini terjadi, bagaimana saya bisa memperbaikinya atau yang lain menempatkan pesan kesalahan bukan membiarkan file download?
It's-download probably karena tidak ada Adobe Reader plug-in diinstal. Dalam hal ini YAITU (itu doesn't peduli yang versi) doesn't tahu bagaimana untuk membuat itu dan ini'll hanya men-download file (Chrome, misalnya, memiliki sendiri tertanam PDF renderer).
Yang mengatakan. <iframe> bukan cara terbaik untuk menampilkan PDF (jangan lupa kompatibilitas dengan browser mobile, misalnya Safari). Beberapa browser akan selalu membuka file dalam aplikasi eksternal (atau di jendela browser lain). Terbaik dan paling kompatibel dengan cara yang saya temukan adalah sedikit rumit, tetapi bekerja pada semua browser saya mencoba (bahkan cukup usang):
Menjaga <iframe> tetapi tidak menampilkan PDF di dalamnya, it'akan diisi dengan halaman HTML yang terdiri dari <objek> tag. Membuat HTML pembungkus halaman PDF anda, itu harus terlihat like ini:
<html>
<body>
<object data="your_url_to_pdf" type="application/pdf">
<embed src="your_url_to_pdf" type="application/pdf" />
</object>
</body>
</html>Tentu saja anda masih perlu sesuai plug-in diinstal di browser. Juga lihatlah ke post ini jika anda perlu dukungan Safari pada perangkat mobile.
-
Mengapa bersarang
<cantumkan>di dalam<objek>? Anda'll menemukan jawaban di sini JADI. Bukan bersarang<cantumkan>tag anda mungkin (harus!) memberikan pesan khusus untuk pengguna anda (atau built-in penampil, lihat ayat berikutnya). Saat ini<objek>dapat digunakan tanpa khawatir dan<cantumkan>tidak ada gunanya. -
Mengapa sebuah halaman HTML? Jadi anda dapat memberikan mundur jika penampil PDF isn't didukung. Internal viewer, HTML polos kesalahan pesan/pilihan dan seterusnya...
It's sulit untuk memeriksa dukungan PDF sehingga anda dapat memberikan alternatif viewer untuk pelanggan anda, lihatlah ke PDF.JS proyek, it's cukup baik tapi kualitas render - untuk browser desktop - isn't sebagai baik sebagai native PDF renderer (I didn't melihat perbedaan apapun di browser mobile karena ukuran layar, saya kira).
Jika browser memiliki pdf plugin diinstal mengeksekusi objek, jika tidak menggunakan Google's PDF Viewer untuk menampilkan ini sebagai HTML biasa:
<object data="your_url_to_pdf" type="application/pdf">
<iframe src="https://docs.google.com/viewer?url=your_url_to_pdf&embedded=true"></iframe>
</object>
Iframe
<iframe id="fred" style="border:1px solid #666CCC" title="PDF in an i-Frame" src="PDFData.pdf" frameborder="1" scrolling="auto" height="1100" width="850" ></iframe>Obyek
<object data="your_url_to_pdf" type="application/pdf">
<embed src="your_url_to_pdf" type="application/pdf" />
</object>
Mencoba ini.
<iframe src="https://docs.google.com/viewerng/viewer?url=http://infolab.stanford.edu/pub/papers/google.pdf&embedded=true" frameborder="0" height="100%" width="100%">
</iframe>
