js直接打印pdf文件內容 -开发者知识库

js直接打印pdf文件內容 -开发者知识库,第1张

(1)需求:是網頁上打開一個pdf文件,然后直接打開打印機,就是直接打印,不用用戶再次點擊打印按鈕,這樣用戶體驗好

(2)經歷:

我在網上找了資料就是使用window.print(),但是這個只是打印標簽的內容,對於pdf的url里面的內容是打印不出的,聽說網上有插件pdf.js等等.

感覺也沒什么用,最后自己也不知道怎么搞,弄了很久就知道有人用iframe加載pdf再打印所以參考一下就真的可以打印,忽然感覺大神都在燈火闌珊處!

(3)主要代碼:

標簽iframe代碼

<iframe style="display:none" id="printIframe" src="/img.php?pic=<%=data%>"></iframe>

JavaScript代碼,很簡單,其實被我簡化了很多

<script type="text/javascript"> 
$(document).ready(function(){
doPrint();

});
//點擊打印按鈕,觸發事件】
function doPrint(){
$("#printIframe")[0].contentWindow.print();
}
</script>

<%=data%>就是我的pdf的路徑,這不足10行的代碼就能解決的問題我也找了很久,所以希望分享給各位迷茫的你們

(4)效果:

js直接打印pdf文件內容 -开发者知识库,第2张

 

最佳答案:

本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复