Zwei Optionen: Eine ist ein direkter Link, der die PDF-Datei als IMG-Datei behandelt, ähnlich wie <a href=""/>, und wie folgt verlinkt:
Kopieren Sie den Codecode wie folgt:
<frame src="pdf-Dateiadresse"></frame>
Eine andere Möglichkeit: Verwenden Sie das js-Plug-in.
Es gibt viele js-Plug-ins zum Lesen von PDF-Dateien, wie zum Beispiel: pdf.js: ist ein technischer Prototyp, der hauptsächlich zum Anzeigen von PDF-Dokumenten auf der HTML5-Plattform ohne lokale technische Unterstützung verwendet wird; jsPDF: ist eine Open-Source-Bibliothek, die die Javascript-Sprache verwendet um PDF zu generieren (IE wird noch nicht unterstützt);
Ein relativ einfaches und benutzerfreundliches js-Plug-in: PDFObject.js, eine JavaScript-Bibliothek zum dynamischen Einbetten von PDF-Dokumenten in HTML.
Der Effekt ist wie folgt:
PDFObject.js wurde auf 1.2 aktualisiert und kann IE9 unterstützen.
PDFObject.js Zweck: Manchmal benötigen Sie ein wenig JavaScript. Probieren Sie dann PDFObject aus.
Werfen wir einen Blick auf die wenigen JS-Codes:
Kopieren Sie den Codecode wie folgt:
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "sample.pdf" }).embed();
};
</script>
Okay, das ist es. Schreiben Sie einfach die Adresse richtig.
Was passiert, wenn ich ein PDF in ein Div lade? Als ich mir die offizielle Website ansah, stellte ich fest, dass die Methode „embed()“ keine Parameter haben kann, die sich auf den Körper beziehen, und dass sich Parameter auf eine bestimmte Position beziehen.
Kopieren Sie den Codecode wie folgt:
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "sample.pdf" }).embed("div's id");
};
</script>
Natürlich können Sie auch weitere Parameter festlegen, z. B. wie viele Sekunden Sie in der Vorschau anzeigen möchten, mit CSS, ohne CSS usw.