PDF埋め込みを備えたIFrameはChromeで機能しますが、IE11では機能しません

ダビデ

私は次のコードを持っています:

var pdfWindow = window.open();
pdfWindow.document.write('<iframe src="data:application/pdf;base64,BASE64STRING" style="width: 100%; height: 100%;" frameborder="0" scrolling="no"></iframe>');

これはGoogleChromeでは正しく機能していますが、IE11では空白のページが表示されています。

IEで動作させる方法はありますか、それとも別の方法がありますか?

ありがとう!

志Lv

私の知る限り、InternetExplorerはIFRAMEのソースとしてのDATAURIの使用をサポートしていません。

別の回避策として、IEブラウザーで、最初にPDFファイルをダウンロードしてから、IEブラウザーを使用してPDFファイルを表示することをお勧めします。

次のコードを参照できます。

    function myfunction() {
        var data = "BASE64STRING";
        var fileName = "test.pdf";
        //For IE using atob convert base64 encoded data to byte array
        if (window.navigator && window.navigator.msSaveOrOpenBlob) {
            var byteCharacters = window.atob(data);
            var byteNumbers = new Array(byteCharacters.length);
            for (var i = 0; i < byteCharacters.length; i++) {
                byteNumbers[i] = byteCharacters.charCodeAt(i);
            }
            var byteArray = new Uint8Array(byteNumbers);
            var blob = new Blob([byteArray], { type: 'application/pdf' });
            window.navigator.msSaveOrOpenBlob(blob, fileName);
        } else {
            // Directly use base 64 encoded data for rest browsers (not IE)
            var base64EncodedPDF = data;
            var pdfWindow = window.open();
            pdfWindow.document.write('<iframe src="data:application/pdf;base64,' + base64EncodedPDF+'" style="width: 100%; height: 100%;" frameborder="0" scrolling="no"></iframe>');

        }
    }

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Google Maps APIGeoJSONはIE11では機能しませんが、Chromeでは機能します

分類Dev

prepend / appendはChromeとFirefoxで機能しますが、IE11とEdgeでは機能しません

分類Dev

水平スクロールはIE11で機能しますが、ChromeとFirefoxでは機能しません

分類Dev

HTML署名の埋め込み画像はLotusNotes 9では機能しますが、8.5では機能しません

分類Dev

フォームがDIV内にとどまらない(IE 9で機能しますが、ChromeまたはIE11では機能しません)

分類Dev

イベントハンドラーはIE11またはChromeで機能しますが、両方では機能しません

分類Dev

垂直スクロールは埋め込みiframeでは機能しませんが、水平スクロールは問題なく機能します(jqueryなし)

分類Dev

Youtube埋め込みビデオはChromeでは機能しません

分類Dev

画像の最大幅はIE11のflexboxでは機能しませんが、GoogleChromeでは機能します

分類Dev

Ajax通話はGoogleChromeで機能しますが、IE11では機能しません

分類Dev

onreadystatechangeはIE11で機能しますが、他のブラウザーでは機能しません

分類Dev

once:true withaddEventListenerはIE11またはEdgeでは機能しません

分類Dev

jQuery .html()関数はIE11では機能しません

分類Dev

addEventListenerはIE11では機能しません

分類Dev

「react-app-polyfill」はIE11では機能しません

分類Dev

Typescript for(let i of someArray)はIE11では機能しません

分類Dev

OverClsはIE11では機能しません

分類Dev

FlexはChromeで機能しますが、IEでは機能しません

分類Dev

jQueryはIEで機能しますが、Chromeでは機能しません

分類Dev

埋め込まれたPDFは、IEでファイル名だけを表示し、Chromeで正しく機能します

分類Dev

CSSはFirefox、IE、Edgeには読み込まれませんが、Chromeでは正常に機能します

分類Dev

iframe内のPDF-Firefoxでは機能しますが、OSX上のChromeでは機能しません

分類Dev

オブジェクトまたは埋め込みがMVCで機能していません

分類Dev

display:table-cellはIE11でのみ機能しません

分類Dev

Vimeo埋め込みiframeはIE11では表示されません

分類Dev

AngularJSを使用して選択オプションまでスクロールします(Chrome、IE11ではフォーカスが機能しません)

分類Dev

IE11では、背景色が印刷で機能しません

分類Dev

Tomcatが埋め込まれたSpringBootはポートで実行されますが、機能しません

分類Dev

babel polyfillが含まれていますが、forEachはまだNodeListsのIE11では機能しません

Related 関連記事

  1. 1

    Google Maps APIGeoJSONはIE11では機能しませんが、Chromeでは機能します

  2. 2

    prepend / appendはChromeとFirefoxで機能しますが、IE11とEdgeでは機能しません

  3. 3

    水平スクロールはIE11で機能しますが、ChromeとFirefoxでは機能しません

  4. 4

    HTML署名の埋め込み画像はLotusNotes 9では機能しますが、8.5では機能しません

  5. 5

    フォームがDIV内にとどまらない(IE 9で機能しますが、ChromeまたはIE11では機能しません)

  6. 6

    イベントハンドラーはIE11またはChromeで機能しますが、両方では機能しません

  7. 7

    垂直スクロールは埋め込みiframeでは機能しませんが、水平スクロールは問題なく機能します(jqueryなし)

  8. 8

    Youtube埋め込みビデオはChromeでは機能しません

  9. 9

    画像の最大幅はIE11のflexboxでは機能しませんが、GoogleChromeでは機能します

  10. 10

    Ajax通話はGoogleChromeで機能しますが、IE11では機能しません

  11. 11

    onreadystatechangeはIE11で機能しますが、他のブラウザーでは機能しません

  12. 12

    once:true withaddEventListenerはIE11またはEdgeでは機能しません

  13. 13

    jQuery .html()関数はIE11では機能しません

  14. 14

    addEventListenerはIE11では機能しません

  15. 15

    「react-app-polyfill」はIE11では機能しません

  16. 16

    Typescript for(let i of someArray)はIE11では機能しません

  17. 17

    OverClsはIE11では機能しません

  18. 18

    FlexはChromeで機能しますが、IEでは機能しません

  19. 19

    jQueryはIEで機能しますが、Chromeでは機能しません

  20. 20

    埋め込まれたPDFは、IEでファイル名だけを表示し、Chromeで正しく機能します

  21. 21

    CSSはFirefox、IE、Edgeには読み込まれませんが、Chromeでは正常に機能します

  22. 22

    iframe内のPDF-Firefoxでは機能しますが、OSX上のChromeでは機能しません

  23. 23

    オブジェクトまたは埋め込みがMVCで機能していません

  24. 24

    display:table-cellはIE11でのみ機能しません

  25. 25

    Vimeo埋め込みiframeはIE11では表示されません

  26. 26

    AngularJSを使用して選択オプションまでスクロールします(Chrome、IE11ではフォーカスが機能しません)

  27. 27

    IE11では、背景色が印刷で機能しません

  28. 28

    Tomcatが埋め込まれたSpringBootはポートで実行されますが、機能しません

  29. 29

    babel polyfillが含まれていますが、forEachはまだNodeListsのIE11では機能しません

ホットタグ

アーカイブ