js直接打印pdf文件內容


(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)鼓勵:鼓勵一下原創,掃下面支付寶,給作者動力,還有機會回答提問


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM