jasperReport 前端預覽pdf 的方法 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1

jasperReport 前端預覽pdf 的方法

pdf java javascript

c9103205 2021-04-23 15:15:24 ‧ 1514 瀏覽

目前上司希望能實現PDF前端預覽的方法
已經參考了直接預覽與 PDF.js 套件等方法
但是他們的實現原理都是打開server上的PDF檔
因為一些原因
希望是可以直接產出 pdf資料流到前端直接生成預覽
不知道有沒有大大可以付上範例代碼或連結協助解決
卡了一天半了。
先行感恩
https://imgur.com/tGiSFfg
後端代碼
https://imgur.com/UNUj91l
前端代碼

淺水員 iT邦大師 6 級 ‧ 2021-04-23 16:05:38 檢舉

現在電腦的瀏覽器幾乎都內建可以直接預覽了
如果 pdf 的內容沒錯誤的話
可以用 F12 看一下 header
直接前端看的話要送
Content-Type: application/pdf
另外不要有
Content-Disposition: attachment
（以上不考慮手機）

淺水員 iT邦大師 6 級 ‧ 2021-04-23 16:15:48 檢舉

另外 encoding 應該也不要送比較好
pdf 不是 utf8 編碼
他算是二進位檔案

登入發表討論

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

2 個回答

0

ckp6250

iT邦好手 1 級 ‧ 2021-04-23 15:57:23

直接產出 pdf資料流到前端直接生成預覽

是指由資料庫抓取資料，再產生pdf嗎？

回應
分享
檢舉

登入發表回應

0

㊣浩瀚星空㊣

iT邦大神 1 級 ‧ 2021-04-23 21:05:43

如果是現成的PDF檔。
宣告好標頭為PDF後。直接輸出內容就好了。

現在瀏覽器大多都能直接開PDF了。

如果是還得要轉換內容為PDF。
JAVA不知道有沒有能轉換的套件就是了。

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙