wake-up-neo.net

PDF Eingebettet in das <object> - oder <embed> -Tag, das nicht geladen wird IE 11

Ich muss einen Image-Slider erstellen, für den ich verwende:

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

im Bild-Schieberegler muss ich zusammen mit Bildern in einigen Fällen PDF-Dateien anzeigen.

Und um das zu zeigen, setze ich den <div> ein, der PDF in "<div class="caption">" einbettet, wo Sie die Beschreibung zum Bild anzeigen können. 

Für den Slider mit PDF sehen Sie den vollständigen Code hier: http://jsfiddle.net/Z99gr/2/ 

Ich versuche, das PDF mit dem <object> or <embed>-Tag einzubetten. Das funktioniert in Chrome und Firefox einwandfrei. ABER nicht in IE11.

Ich kann nicht verstehen, was fehlt, da ich mit nur einem div eine weitere Geige erstellt habe, die das PDF einbettet und in allen drei Browsern, Chrome, Firefox und IE11, einwandfrei funktioniert.

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

Bitte schauen Sie in die Ausgabe und schlagen Sie so schnell wie möglich vor, was mir für IE 11 fehlt.

Vielen Dank!

12
UID

Ich konnte nun die PDF -Datei IE mit dem Tag "<iframe>" einbetten.

Ich habe "<object>" und "<embed>" mit <iframe> ersetzt und funktioniert jetzt mit allen 3 Browsern, Firefox, Chrome und IE.

Es gibt zwei Möglichkeiten, PDF in IE einzubetten.

1. Weg: Rufen Sie PDF direkt in <iframe> auf. 

Unten ist der aktualisierte Code:

<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>

2nd way: Wenn der Browser keinen PDF -Leser hat, können Sie eine HTML-Seite in <iframe> aufrufen, die <object>-Tag enthält.

Unten ist der Code für die zweite 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 für "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>

Das hat für mich funktioniert !!!

Hier ist das ARBEITEN Fiddle: http://jsfiddle.net/stmjvz4f/

Hoffe, es wird in Zukunft für andere hilfreich sein!

23
UID

Ich empfehle, PDFObject auszuprobieren, eine Javascript-Bibliothek, um PDFs in HTML-Dateien einzubetten. Sie kann mit der Browserkompatibilität ziemlich gut umgehen und wird höchstwahrscheinlich bis zum IE8 funktionieren.

In Ihrem HTML-Code können Sie ein div einrichten, um die PDFs anzuzeigen:

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

Dann können Sie Javascript-Code verwenden, um ein PDF in dieses Div einzubetten:

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

Fügen Sie kein 'type'-Attribut in das <object> ein, sondern nur in <embed> wie folgt: Das type-Attribut in <object> hat einen Berechtigungsfehler von Adobe Reader in IE11 verursacht.

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

Sie müssen dies nicht in einen iframe einfügen. Es kann Steuerelemente anzeigen, daher denke ich nicht, dass es wie erwartet innerhalb eines Schiebereglers funktionieren wird.

0
Johan Velthuis