Wie bettet man ein PDF in eine HTML-Seite ein?

Lesezeit: 3 Minuten

Wie bettet man ein PDF in eine HTML Seite ein
Benutzer339108

Wir möchten das PDF-Dokument nach dem Abrufen aus der Datenbank über ein Servlet in einer HTML-Seite anzeigen doGet Methode.

Kann jemand einige Ausschnitte teilen, wie man dies erreicht?

  • “Zeig wie? Verwenden Sie ein Browser-Plugin, das auf dem System des Benutzers installiert ist?

    – Pekka

    6. April 11 um 11:45 Uhr

  • Sie müssen nur den entsprechenden Mimetyp im Antwortheader zurückgeben.

    – Symbohne

    6. April 11 um 11:57 Uhr

  • Sie müssen das Objekt-, Einbettungs- oder Iframe-Tag verwenden, um eine separate http-Anfrage für den Inhalt zu stellen

    – mplungjan

    6. April 11 um 11:59 Uhr

  • @mplungjan – Wie rufe ich den Inhalt in einem Iframe-Tag ab?

    – Benutzer339108

    6. April 11 um 12:03 Uhr

  • @symcbean – Ich gebe einen geeigneten Mimetyp für dieses Dokument als Teil der http-Antwort zurück

    – Benutzer339108

    6. April 11 um 12:03 Uhr

1643033525 213 Wie bettet man ein PDF in eine HTML Seite ein
mplungjan

Nicht-HTML-Inhalte mit Ausnahme von Bildern müssen mithilfe eines Objekt-, Einbettungs- oder Iframe-Tags abgerufen werden

  1. iframe: <iframe src="https://stackoverflow.com/questions/5565759/somepage.pdf"></iframe>
  2. Objekt/Einbettung: <object src="https://stackoverflow.com/questions/5565759/somepage.pdf"><embed src="https://stackoverflow.com/questions/5565759/somepage.pdf"></embed></object>

somepage.pdf könnte somepage.jsp?filename=somepage&mimetype=application/pdf sein

Hier ist ein interessanter Link So betten Sie Microsoft Office- oder PDF-Dokumente in Webseiten ein

und hier ist eine Stackoverflow-Suche

  • Ich muss Inline-Stilelemente aus dem übergeordneten Dokument im untergeordneten Dokument verwenden. Iframe lässt dies nicht zu. Würde das mit Embed oder Object funktionieren?

    – Benutzer2284570

    25. August 15 um 23:31 Uhr

  • Unwahrscheinlich. Domainübergreifend funktioniert es auch nicht. Wenn nicht, dann sollte iframe funktionieren. Stellen Sie eine separate Frage

    – mplungjan

    26. August 15 um 3:44 Uhr

  • gleiche Domäne. Die Frage wurde jedoch bereits gestellt und ihre Antworten geben nur eine Antwort auf die Verwendung externer Stylesheets.

    – Benutzer2284570

    26. August 15 um 08:53 Uhr

  • Warum können Sie iFrame nicht verwenden? Sie können die Stylesheets des übergeordneten Elements beim Laden in den Iframe kopieren und einfügen

    – mplungjan

    26. August 15 um 9:02 Uhr

  • Wenn ich diese versuche, fängt es an, die docx-Datei herunterzuladen, liegt es daran, dass ich nicht auf einem Server bin (offline) oder mir etwas fehlt?

    – Mausa Alfhaily

    6. April 17 um 8:45 Uhr

1643033525 781 Wie bettet man ein PDF in eine HTML Seite ein
einsamer

Google Docs Viewer kann damit umgehen.

Versuchen

<html>
    <head>
        <style>
            *{margin:0;padding:0}
            html, body {height:100%;width:100%;overflow:hidden}
        </style>
        <meta charset="utf-8">
            <?php
                 $url = $_GET['url'];
             ?>
        <title><?php echo $url; ?></title>
    </head>
    <body>
        <iframe src="http://docs.google.com/viewer?url=<?=urlencode($url)?>&embedded=true"  style="position: absolute;width:100%; height: 100%;border: none;"></iframe>
    </body>
</html>

  • Danke, das ist der einzige Weg, den ich gefunden habe und der funktioniert.

    – Mausa Alfhaily

    11. April 17 um 12:58 Uhr

Wenn Sie nach einer reinen HTML-Version des Dokuments suchen (für schnelles Rendern und browserübergreifende Unterstützung), können Sie Docspad verwenden. Docspad hilft beim Einbetten all der verschiedenen gängigen Dokumentformate in Ihre Webanwendung. http://docspad.com

  • Docspad ist tot: “Wir werden Docspad-Dienste ab dem 19. Oktober 2014 nicht mehr unterstützen”

    – Jeromy French

    20. Mai ’15 um 21:38 Uhr

.

619070cookie-checkWie bettet man ein PDF in eine HTML-Seite ein?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy