web-dev-qa-db-fra.com

PDF Les balises <object> ou <embed> incorporées ne se chargent pas IE 11

Je dois créer un curseur d'image pour lequel j'utilise:

"Galleriffic plugin> http://www.twospy.com/galleriffic/", 

dans le curseur Image, avec les images, je dois afficher les PDF dans certains cas.

Et pour montrer cela, je mets le <div> qui incorpore PDF dans "<div class="caption">" où vous pouvez afficher la description relative à l'image. 

Pour le Slider with PDF, vous pouvez voir le code complet ici: http://jsfiddle.net/Z99gr/2/ 

J'essaie d'intégrer la balise PDF à l'aide de la balise <object> or <embed>. Cela fonctionne correctement sous Chrome et Firefox. MAIS pas dans IE11.

Je ne suis pas en mesure de comprendre ce qui manque car j'ai créé un autre violon avec une seule div qui intègre le PDF et qui fonctionne correctement dans les trois navigateurs, Chrome, Firefox et IE11.

http://jsfiddle.net/dmAM3/1/

Veuillez examiner le problème et suggérer dès que possible ce qui me manque pour IE 11.

Merci!

jqueryhtmlpdfembedgalleriffic
12
UID

Je pouvais maintenant intégrer le fichier PDF IE en utilisant la balise "<iframe>".

J'ai remplacé les balises "<object>" et "<embed>" par <iframe> et il fonctionne correctement avec les trois navigateurs, Firefox, Chrome et IE.

Il y a 2 façons d'intégrer PDF dans IE.

1ère voie: Appelez PDF directement au <iframe> 

Ci-dessous le code mis à jour:

<div id="pdf">
   <iframe src="https://www.Adobe.com/products/pdfjobready/pdfs/pdftraag.pdf" style="width: 100%; height: 100%;" frameborder="0" scrolling="no">
        <p>It appears your web browser doesn't support iframes.</p>
   </iframe>
</div>

2ème manière: si le navigateur ne dispose pas du lecteur PDF, vous pouvez appeler une page HTML en <iframe> contenant la balise <object>.

Ci-dessous le code pour la 2ème option

    <div id="pdf">
          <iframe src="pdf.html" style="width: 100%; height: 100%;" frameborder="0" scrolling="no">
               <p>It appears your web browser doesn't support iframes.</p>
          </iframe>
   </div>

Code pour "pdf.html"

<body>
    <object data="lorem.pdf" type="application/pdf">
        <p>It appears you don't have Adobe Reader or PDF support in this web browser. <a href="lorem.pdf">Click here to download the PDF</a>. Or <a href="http://get.Adobe.com/reader/" target="_blank">click here to install Adobe Reader</a>.</p>
       <embed src="lorem.pdf" type="application/pdf" />
    </object>
</body>

Cela a fonctionné pour moi !!!

Voici le Fiddle WORKING: http://jsfiddle.net/stmjvz4f/

J'espère que cela sera utile pour les autres à l'avenir!

23
UID

Je recommande de consulter PDFObject, une bibliothèque Javascript pour incorporer des PDF dans des fichiers HTML. Il gère assez bien la compatibilité du navigateur et fonctionnera probablement jusqu’à IE8.

Dans votre code HTML, vous pouvez configurer une div pour afficher les PDF:

<div id="pdfRenderer"></div>

Ensuite, vous pouvez avoir du code Javascript pour incorporer un PDF dans cette div:

var pdf = new PDFObject({
  url: "https://something.com/HTC_One_XL_User_Guide.pdf",
  id: "pdfRendered",
  pdfOpenParams: {
    view: "FitH"
  }
}).embed("pdfRenderer");
2
Jason Roell

Ne mettez pas d'attribut 'type' dans <object>, juste dans <embed> comme ceci: L'attribut type dans <object> a provoqué une erreur d'autorisation d'Adobe Reader dans IE11.

<object data="mydocument.pdf">
<p><a href="mydocument.pdf">Download</a></p>
<embed type="application/pdf" src="mydocument.pdf" />
</object>

Vous n'êtes pas obligé de mettre cela dans un iframe… .. Il peut afficher des contrôles, donc je ne pense pas que cela fonctionnera dans un curseur comme prévu.

0
Johan Velthuis