js直接列印pdf檔案內容

我是壞男孩發表於2016-10-10

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

相關文章