Ich brauche offene PDF-Datei von meinem JS-Code, aber <a href="#" onclick="window.open('http://linktoPDF', 'NewWin');">link</a> in nicht guten Ansatz.Wie öffnet man eine PDF-Datei von Javascript, aber nicht in einem neuen Fenster?
Ich möchte diese PDF in etwas wie PDF-Viewer in der aktuellen Seite öffnen.
Nicht direkt mit der PDF-Datei verknüpfen. Erstellen Sie eine neue HTML-Seite mit einem einzelnen "Objekt" -Tag, das das gesamte Fenster einnimmt. im Grunde ein HTML-Wrapper. Setzen Sie die Dateneigenschaft des Objekts auf die PDF-Datei, mit der Sie ursprünglich eine Verknüpfung herstellen wollten. Setzen Sie den Link in Ihrem Quell-HTML so, dass er auf den HTML-Wrapper zeigt. Auf diese Weise können Sie steuern, wie der Wrapper geladen wird und das PDF auf der Seite angezeigt wird. Der HTML-Code würde in etwa so aussehen ...
<body style="overflow:hidden;height:100vh;margin: 0;padding: 0;border: 0;">
<object data="YOUR_PDF.pdf" type="application/pdf" style="width: 100%; height: 100vh"></object>
</body>
Der Link in Ihrem Dokument ein normaler Link zu der oben HTML-Seite sein würde. Es nur sieht aus wie es direkt mit einem PDF verknüpft.
Leider ist das Verhalten auf die PDF-Reader-Software zurückzuführen, die der Benutzer installiert hat, so dass Sie es nicht mit einem einfachen Link steuern können.
Das heißt, die auf dem PC des Benutzers installierte PDF-Reader-Software überschreibt das "Download" -Verhalten des Browsers und macht mit der PDF-Datei das gewünschte Ergebnis - unabhängig davon, ob sie in einem separaten Fenster oder einer Client-Anwendung gestartet wird.
Um es im selben Fenster zu rendern, müssen Sie einen PDF-Viewer anweisen, den Sie steuern.
Es gibt ein paar, wenn Sie Google, und die, die ich bevorzuge, ist die Open-Source-pdf.js
Alternativ können Sie in der Lage sein, eine Online-3rd-Party-Viewer zu finden, die Sie über eine URL aufrufen können, ist es vorbei Der Link zu Ihrem PDF als Teil der URL.
Können Sie mir ein Beispiel dafür geben? –
Ich schlage vor, Sie tun es in einem iframe. Sehr einfach zu tun, und ich denke, wird Ihnen die Ergebnisse geben, die Sie suchen. –
Ich habe meine Antwort mit einer Probe bearbeitet. – joelgeraci