Deux options : l'une est un lien direct, traitant le fichier pdf comme un fichier img, similaire à <a href=""/>, créant un lien comme ceci :
Copiez le code comme suit :
<frame src="adresse du fichier pdf"></frame>
Une autre façon : utilisez le plug-in js.
Il existe de nombreux plug-ins js pour lire les fichiers PDF, tels que : pdf.js : est un prototype technique principalement utilisé pour afficher des documents PDF sur la plateforme HTML5 sans aucun support technique local ; jsPDF : est une bibliothèque open source qui utilise le langage Javascript ; pour générer un PDF (IE n'est pas encore pris en charge) ;
Un plug-in js relativement simple et facile à utiliser : PDFObject.js est une bibliothèque JavaScript utilisée pour intégrer dynamiquement des documents PDF en HTML.
L'effet est le suivant :
PDFObject.js a été mis à niveau vers 1.2 et peut prendre en charge IE9.
PDFObject.js Objectif : Parfois, vous avez besoin d'un peu de JavaScript. Lorsque vous le faites, essayez PDFObject.
Jetons un coup d'œil aux très rares codes js :
Copiez le code comme suit :
<script type="text/javascript">
window.onload = fonction (){
var success = new PDFObject({ url: "sample.pdf" }).embed();
} ;
</script>
OK, c'est tout. Écrivez simplement l'adresse correctement.
Et si je charge un pdf dans un div ? En regardant le site officiel, j'ai découvert que la méthode embed() peut avoir des paramètres. Aucun paramètre ne fait référence au corps et les paramètres font référence à une position spécifique.
Copiez le code comme suit :
<script type="text/javascript">
window.onload = fonction (){
var success = new PDFObject({ url: "sample.pdf" }).embed("identifiant du div");
} ;
</script>
Bien entendu, vous pouvez également définir d'autres paramètres, tels que le nombre de secondes que vous souhaitez prévisualiser, avec CSS, sans CSS, etc.