Java Web 線上預覽 Word/PDF 文件方案選型

需求

使用者上傳 Word (.doc/.docx) 或 PDF 檔案，需在瀏覽器中線上預覽，並保留原始格式、字體、圖片等排版。

主流解決方案比較

推薦架構：自建轉換 + PDF.js 前端預覽

後端流程

1. 使用者上傳檔案 → 儲存至物件存儲 (MinIO/S3/本地)。
2. 非同步任務 (RabbitMQ/Kafka) 觸發轉換服務。
3. 轉換服務呼叫 LibreOffice Headless 或商用 SDK 產出 PDF。
4. 將 PDF 儲存並回寫資料庫記錄檔案 ID 與 PDF 路徑。

前端預覽

<!-- 引入 PDF.js -->
<script src="pdfjs/web/viewer.html"></script>
<iframe src="/pdfjs/web/viewer.html?file=/files/xxx.pdf" width="100%" height="800px"></iframe>

關鍵注意事項

• 字體嵌入：轉換時確保中文字體 (如 Noto Sans CJK) 已安裝於伺服器，否則中文會變方塊。
• 檔案大小限制：建議限制單檔 < 50MB，超大檔案需分頁載入。
• 權限控管：PDF 下載連結需帶簽名或 Token，防止未授權存取。
• 快取策略：相同檔案多次預覽應直接讀取已轉換的 PDF，避免重複轉換。

快速原型 Demo 參考

CSDN 下載資源：Java Web 線上預覽 Word/PDF Demo

總結

若預算允許，商用 SDK 省時省力；若追求開源免費，LibreOffice + PDF.js 是成熟穩定的組合。核心在於「後端統一轉 PDF，前端統一用 PDF.js 渲染」。