使用html2canvas截屏，利用itextpdf轉為pdf儲存到資料庫

標籤：

項目裡的一個需求，需要將html轉為pdf儲存到遠程FTP伺服器和資料庫

解決方案：使用html2canvas截取頁面元素，類似的效果，再利用itextpdf轉為pdf儲存到資料庫。

優點：支援中文(也想過使用其他的外掛程式，如jsPDF等外掛程式，可是不支援中文，可惜了)；容易上手

缺點：html2canvas的缺點就是，不夠清晰，這點不是很滿意；

html2canvas 這個就不上教程了，官網很多。

主要是這裡碰到一個問題，值得分享一下：如何儲存到遠程FTP伺服器和資料庫

（1）使用html2canvas截取的介面其實是一個映像，以byte[]數組的形式傳到幕後處理，需要經過itextpdf的處理轉為PDF，以下是itextPDF的處理，

需要一個輸出資料流FOS作為輸出的目的地，對於上傳到ftp伺服器的話，沒有問題（ftp就是一個遠端地址uri）。但是怎麼儲存到資料庫？

（2）我們知道，對檔案的儲存，一般有兩個辦法：1.儲存到本地或者遠端檔案系統地址 2.暫時放在記憶體中(memory)，處理完後，放入資料庫中

這就是我們的解決方案，放在記憶體中

關鍵就是這個ByteArrayOutputStream,可以建立一個byte類型的緩衝區，大小取決於你虛擬機器的記憶體大小，

然後再用toByteArray()方法轉為byte類型的資料，存放在BLOB類型的資料庫中(此處用的是oracle)。

有什麼不對的地方，還請指摘，相互進步。如果有人知道如何提高的精確度，歡迎討論，google了很多方法，沒有效果。

引用地址：

How do insert itext pdf into database

使用html2canvas截屏，利用itextpdf轉為pdf儲存到資料庫