web-dev-qa-db-de.com

Wie kann ich PDF-Inhalte auf einer Webseite mit HTML5 und Jquery anzeigen?

Wie zeige ich pdf Dokument in meinem div an. Ich verwende HTML5 und jquery , um meine mobile Website zu erstellen. Ich muss mein PDF-Dokument in einer Turnjs div -Datei anzeigen. Ich muss die Seiten umblättern und zu einer bestimmten Seite wechseln

24
raghul
<div>
<object data="test.pdf" type="application/pdf" width="300" height="200">
alt : <a href="test.pdf">test.pdf</a>
</object>
</div> 

Lesen Sie diesen Thread - http://www.webdeveloper.com/forum/showthread.php?152923-PDF-within-a-DIV

26
Dipak

Sie können diesen Code verwenden:

<embed src="http://domain.com/your_pdf.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.Adobe.com/products/acrobat/readstep2.html">

Oder verwenden Sie den einbettbaren PDF - Viewer von Google Docs:

<iframe src="http://docs.google.com/gview?url=http://domain.com/your_pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>
10
Hieu Le

Ich wage zu sagen, es ist der Name, aus Angst, kastriert zu werden, aber Sie könnten einen iframe verwenden und dem Browser die Navigation ermöglichen.

4
dove

Was ich mache, ist das PDF auf Google Drive zu ziehen. Klicken Sie dann auf die neue PDF-Datei (normalerweise oben links in Google Drive), klicken Sie oben auf das Share-Symbol, gehen Sie zu advanced, klicken Sie dann auf change und stellen Sie sicher, dass das Radio "Public" angezeigt wird Schaltfläche ist angeklickt. Klicken Sie auf SAVE und anschließend auf DONE . Gehen Sie zurück zu google drive, klicken Sie auf die PDF-Datei, um sie zu öffnen, und klicken Sie dann auf das Popout-Symbol (oben rechts neben) das X-Schließen-Symbol). Wenn das PDF nun im Vollbildmodus angezeigt wird, klicken Sie auf das Symbol: Weitere Aktionen (drei vertikale Punkte). Dort finden Sie die Möglichkeit zum Einbetten. Klicken Sie darauf und Sie erhalten den Einbettungscode. Voila !!

Hinweis: Die auf diese Weise erhaltene PDF-Datei kann in Ihren Blog oder Ihre HTML-Website eingefügt werden. Alle Links in diesem Dokument funktionieren! UND oben rechts wird ein kleines Pop-Out-Symbol angezeigt, wenn Sie mit der Maus darüber fahren, um das PDF-Vollbild anzuzeigen. Und Sie können es in ein div einfügen, wenn Sie mehr als eine auf der Seite einfügen möchten. Einige Beispiele finden Sie unter http://internetpdf.com .

John Burch

1
John Burch