(1)需求:是網頁上打開一個pdf文件,然后直接打開打印機,就是直接打印,不用用戶再次點擊打印按鈕,這樣用戶體驗好
(2)經歷:
我在網上找了資料就是使用window.print(),但是這個只是打印標簽的內容,對於pdf的url里面的內容是打印不出的,聽說網上有插件pdf.js等等.
感覺也沒什么用,最后自己也不知道怎么搞,弄了很久就知道有人用iframe加載pdf再打印所以參考一下就真的可以打印,忽然感覺大神都在燈火闌珊處!
(3)主要代碼:
標簽iframe代碼
<iframe style="display:none" id="printIframe" src="<%=data%>"></iframe>
JavaScript代碼,很簡單,其實被我簡化了很多
<script type="text/javascript"> $(document).ready(function(){ doPrint(); }); //點擊打印按鈕,觸發事件】 function doPrint(){ $("#printIframe")[0].contentWindow.print(); } </script>
<%=data%>就是我的pdf的路徑,這不足10行的代碼就能解決的問題我也找了很久,所以希望分享給各位迷茫的你們
(4)效果:
(5)鼓勵:鼓勵一下原創,掃下面支付寶,給作者動力,還有機會回答提問