7

ボタンに関連付けられたpdfがあります。ボタンをクリックすると、PDFを印刷したいと思います。これは私のボタンがどのようにコーディングされているかです:

<input type="submit" class="btn-red" value="Print"
name="Submit" id="printbtn"
onclick="printPDF('http://www.irs.gov/pub/irs-pdf/fw4.pdf')" />

今、私の印刷機能は次のように機能します:

    function printPDF(pdfUrl)
    {

    if ((navigator.appName == 'Microsoft Internet Explorer') ) 
    window.print(pdfUrl,"_self");
    else
    {
    var w = window.open(pdfUrl,"_self");
    w.print();
    w.close();
    }
    }

問題は、IE と Fire fox では正常に動作していますが、chrome では動作しないことです。ie と Firefox では、xps プリンター オプションが開きますが、 chrome では、新しい印刷ウィンドウが開き、pdf ではなく div の印刷プレビューが表示されます。しかし、ここで xps オプションを開く必要があります。

編集:クロムで印刷しようとすると、pdfではなくhtml要素のみがプレビューとして表示されます。私はクロムバージョンを使用しています：20.0.1132.57

どうすればこの特異性を回避できますか? 親切に助けてください。

4

2 に答える 2

6

これは私にとってはうまくいき、ホスト HTML ファイルは必要ありませんでした。重要なのは、オンロードを待つことでした:

このようなリンクの場合:

<a class="print-pdf-link" href="/your/pdf.pdf">Print PDF</a>

私はjavascriptを使用しました：

$('a.print-pdf-link').click(function () {
    var w = window.open($(this).attr('href'));

    w.onload = function () {
        w.print();
    };

    return false;
});
于 2014-03-07T22:51:20.367 に答える
4

私は同じことをしなければならず、Chrome と Firefox の両方で機能する別のアプローチを使用しました。

私のソリューションには、PDFファイルのURLをGETタイプのパラメーターとして受け取り、iframe内にpdfをロードするprint.htmlヘルパーファイルが含まれていました。次に、pdfが完全にロードされたかどうかを確認し続け（チェックをonloadイベントにバインドしても機能しませんでした）、完了するとprintメソッドがトリガーされました。

ここ：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

    <title>Print Page</title>

    <meta name="title" content="Print" /> 

    <script>

    (function (window, document, undefined) {


        var printy = {

                urlGET: function (param) {

                    var params = document.URL.split('?');

                    if(params.length > 1) {
                        params = params[1].split('&');

                        for (var  i = 0, len = params.length; i < len; i++) {
                            if (params[i].split('=')[0] === param) {
                                return params[i].split('=')[1];
                            }
                        }
                    }

                    return null;
                },


                init: function () {

                    var self = this;

                    window.onload = function () {

                        var src = self.urlGET('path');

                        //creating an iframe element
                        var ifr = document.createElement('iframe');
                        document.body.appendChild(ifr);

                        // making the iframe fill the viewport
                        ifr.width  = '100%';
                        ifr.height = window.innerHeight;

                        // continuously checking to see if the pdf file has been loaded
                        self.interval = setInterval(function () {

                            if (ifr.contentDocument.readyState === 'complete') {
                                clearInterval(self.interval);
                                // doing the actual printing
                                ifr.contentWindow.print();
                            }
                        }, 100); 

                        ifr.src = src;
                    }
                }
            }

            printy.init();

    })(window, document, undefined);
    </script>

</head>
<body>
</body>
</html>

ただし、このソリューションは IE ではテストされていません。仕事でMacを使用しているため、それはオプションではありませんでした.

印刷を行うために、次のような URL を呼び出して使用します。http://example.com/print.html?path=docs/myfile.pdf

于 2013-02-21T15:06:05.627 に答える