在WEB項目中經(jīng)常遇到excel文檔在線預(yù)覽的需求，基本的解決思路有以下幾大類：excel文檔轉(zhuǎn)PDF、excel文檔直接轉(zhuǎn)html、后臺讀取excel數(shù)據(jù)返回給前端利用Excel效果的表格插件如(HandsonTable)將數(shù)據(jù)進行展示、部署微軟Office Online服務(wù)(office web apps)實現(xiàn)在線預(yù)覽、在線的office預(yù)覽服務(wù)(如谷歌docs、微軟officeapps)。

excel表格

EXCEL轉(zhuǎn)PDF

excel轉(zhuǎn)pdf可以通過第三方工具openoffice或者第三方類庫如POI/NPOI、aspose等轉(zhuǎn)換為pdf文件，然后通過pdf.js將轉(zhuǎn)換完的pdf文件渲染成Canvas加載在網(wǎng)頁上的顯示。pdf.js顯示pdf文件步驟：首先在頁面引入pdf.js，然后PDFJS.getDocument('helloworld.pdf')，然后在回調(diào)函數(shù)里面設(shè)置顯示的容器高度寬度等信息，另外pdf.js還支持翻頁等功能。

EXCEL轉(zhuǎn)HTML

excel轉(zhuǎn)html可以通過第三方工具openoffice、微軟office或者第三方類庫如POI/NPOI、aspose.cell等轉(zhuǎn)換為html文件。其中POI組件是開源免費的，Java版本叫POI，C#版本叫NPOI。但是轉(zhuǎn)換的效果不是很好，有多個sheet頁面的時候，POI會將所有sheet表格展示在一個網(wǎng)頁里面，表格頂部會顯示sheet名稱，如果sheet很多的話頁面會很長，出現(xiàn)滾動條頁面樣式不是很美觀。

aspose.cell是收費組件，支持java、.net、.net core，免費使用時候轉(zhuǎn)換出的html頁面會有水印“Evaluation Only. Created with Aspose.Cells”如果excel存在多個sheet，aspose轉(zhuǎn)換出來的網(wǎng)頁會帶選項卡，點擊選項卡會展示對應(yīng)的sheet頁面內(nèi)容，展示效果比POI轉(zhuǎn)換出的html效果的好。 aspose-cells maven pom配置如下：

com.aspose

aspose-cells

8.2.1

本地部署微軟Office Online Server

本地部署office online功能，需要的是2臺服務(wù)器,并且服務(wù)需要安裝windwos Server系統(tǒng)，配置比較復(fù)雜，首先安裝IIS創(chuàng)建域，然后導(dǎo)入OfficeWebApps模塊、創(chuàng)建Office Online Server、驗證Office Online Server、下載并部署Wopi項目。整個配置部署完畢后便可以在線預(yù)覽編輯office文檔了，展示效果比轉(zhuǎn)換成pdf/html的效果好太多。

在線的office預(yù)覽服務(wù)

谷歌、微軟都提供在線office的預(yù)覽服務(wù)，微軟的預(yù)覽服務(wù)地址后面加參數(shù)?src=文檔的URL地址，谷歌的文檔服務(wù)預(yù)覽地址加參數(shù)?url=文檔的URL地址，URL的參數(shù)是需要預(yù)覽的文件URL，這樣預(yù)覽效果還不錯方便快捷。效果和上面的方案本地部署微軟office on line服務(wù)差不多，不同的是一個是在線的，一個是本地化服務(wù)，各有利弊。

前端Excel效果的表格插件

前端JavaScript的Excel效果的表格插件，如HandsonTable，需要后臺返回excel數(shù)據(jù)然后通過JS填空到表格，如果Excel包含很多合并單元格以及多個sheet頁面，這樣是很不方便的，效率也比不上前幾種。

總結(jié)

以上是生活随笔為你收集整理的前端预览excel插件_网页实现Excel在线预览方案集合的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。