在Chrome/Firefox/IE中通过iframe打印PDF文件

Question

我想触发一个PDF文件的打印，我加载和iframe。

看了看，我找到了下面的位

<iframe name="pdfname" id="pdfid"></iframe>
<button id="printbtn">Print</button>
<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        $("#pdfid").load(function() {
            window.frames["pdfname"].focus();
            window.frames["pdfname"].print();
        });
        $("#printbtn").click(function () {
            $("#pdfid").attr("src", '@Url.Action("PdfTest", "Home")');
        });
    });
</script>

在Firefox中，我得到以下错误(我在某处读到这是一个应该在版本21中修复的错误，但它没有)

权限被拒绝访问属性'print'

在Internet Explorer 10和9中，我得到以下错误

无效调用对象

，它似乎指向我的MVC动作生成的PDF。

我看过很多和我的问题类似的帖子，但到目前为止还没有找到一个可行的解决方案。

我真正想知道的是RADPDF是如何在每个浏览器中获得此工作的

点击本页的打印按钮

我知道这是可以做到的，我需要你的大脑的帮助!

欢呼

Answer 1

尝试以下操作，可能在所有浏览器中都有效。(我只测试了IE8和chrome)

<style type="text/css">
    @media print 
    {
        .dontprint{display:none} 
    }
</style>
<script type="text/javascript">
    function printIframePdf(){
        window.frames["printf"].focus();
        try {
            window.frames["printf"].print();
        }
        catch(e){
            window.print();
            console.log(e);
        }
    }
    function printObjectPdf() {
        try{            
            document.getElementById('idPdf').Print();
        }
        catch(e){
            printIframePdf();
            console.log(e);
        }
    }
    function idPdf_onreadystatechange() {
        if (idPdf.readyState === 4)
            setTimeout(printObjectPdf, 1000);
    }
</script>
<div class="dontprint" >
    <form><input type="button" onClick="printObjectPdf()" class="btn" value="Print"/></form>
</div>
<iframe id="printf" name="printf" src="http://pdfUrl.pdf" frameborder="0" width="440" height="580" style="width: 440px; height: 580px;display: none;"></iframe>
<object id="idPdf" onreadystatechange="idPdf_onreadystatechange()"
    width="440" height="580" style="width: 440px; height: 580px;" type="application/pdf"
    data="http://pdfUrl.pdf">
    <embed src="http://pdfUrl.pdf" width="440" height="580" style="width: 440px; height: 580px;" type="application/pdf">
    </embed>
    <span>PDF plugin is not available.</span>
</object>