➤ Javascript : comment utiliser pdfObject pour visualiser des fichiers PDF 🎮

Utiliser la bibliothèque pdfObjet vous pouvez voir les fichiers pdf dans leurs propres pages Web avec très peu de lignes de code. Voyons comment.

Comment utiliser pdfObject pour afficher des fichiers PDF en Javascript

Javascript : comment utiliser pdfObject pour visualiser des fichiers PDF

Exemple d'objet PDF

window.onload = fonction (){
var myPDF = new PDFObject({ url: "sample.pdf" }).embed();
};

Il semble que vous n'ayez pas pris en charge Adobe Reader ou PDF sur ce site Web
navigateur. Cliquez ici pour télécharger le pdf

Cet autre exemple montre plutôt deux filet PDF sur une page :

<!–

#pdf1, #pdf2 {
largeur: 500px;
hauteur: 300px;
marge : 2em auto ;
bordure : 10px solide #6699FF ;
}

#pdf1p, #pdf2p {
rembourrage : 1em ;
}

objet #pdf1, objet #pdf2 {
bloc de visualisation;
bordure : solide 1px #666 ;
}

var pdfOpen_params = {

volets de navigation : 1,
vue : « FitH »,
mode page : « pouces »

};

var pdfAttributes = {

URL : "/pdf/exemple.pdf",
pdfOpenParams : pdfOpen_params

};

window.onload = fonction (){

var pdf = nouveau PDFObject (pdfAttributes);
pdf.embed(“pdf1”);

var pdf2 = new PDFObject({ url : "/pdf/sample.pdf" });
pdf2.embed(“pdf2”);

};

Intégration de plusieurs PDF à l'aide de PDFObject
Plusieurs fichiers PDF peuvent être intégrés dans un seul document HTML. Notez qu'il ne s'agit pas d'une pratique recommandée et que cela peut entraîner un comportement bogué d'Adobe Reader.

Il semble que vous n'ayez pas pris en charge Adobe Reader ou PDF dans ce navigateur Web. Cliquez ici pour télécharger le pdf

Vous pouvez télécharger la bibliothèque et la documentation ici : http://pdfobject.com/