Question

我想触发我加载的ifma和iframe的PDF文件的打印。

环顾四周之后，我想出了以下几点

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

这在Chrome中完美运行。

在Firefox中，我收到以下错误（我在某处读到这是一个应该在版本21中修复的错误，但事实并非如此）

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

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

无效的通话对象

似乎指向我的MVC操作生成的PDF。

我看过很多帖子都有与我类似的问题，但到目前为止还没有找到合适的解决方案。

我真正想知道的是RADPDF如何在每个浏览器中实现这一功能

Click the print button on this page

我知道这可以做到，我需要你的帮助！

干杯

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>

通过Chrome / Firefox / IE中的iframe打印PDF

1 个答案: