SpreadJS在V10版本後推出了純前端的Excel導入導出，這個功能可以很方便的實現客戶端的Excel導入導出，但是如果用戶需要導入導出到瀏覽器端又該怎麼辦呢？其實純前端的Excel導入導出同樣可以實現伺服器端的Excel導入導出。下面讓我們來看一下是如何實現的：

本示例的後端使用JAVA語言，通過SpreadJS的前端導出導出與JAVA後端結合，實現分從伺服器端導入Excel與導出Excel保存至伺服器端這兩個功能：

從伺服器端導入Excel：

這部分使用純前端實現，純前端實現有一個弊端就是，瀏覽器沒有許可權訪問伺服器上工程目錄以外的路徑，所以需要將伺服器端的Excel放入工程目錄下。然後下載到前端直接打開，核心代碼如下：

導出Excel保存至伺服器端：

這部分使用前端導出功能與後端java結合的方式來實現，首先通過前端Excel導出，生成導出文件，然後通過formdata來承載導出文件，之後通過ajax將formdata傳至後端java。後端java使用文件操作將文件保存至伺服器端。

這裡有以下需要注意的地方:

formdata沒有辦法改變enctype，而我們需要的用entype為multipart/form-data類型的form來承載導出文件。這裡需要在jsp頁面上創建一個空的form，並將其entype設置為multipart/form-data：

<form name="myform" id="myform" enctype="multipart/form-data" method="post"></form>

之後js中只需要初始化一個該form的formdata實例即可:

var fd = new FormData(document.forms.namedItem("myform"));

以上就是核心的部分代碼以及原理。

了解更多

SpreadJS是 Spread 表格開發系列產品之一。該產品是葡萄城公司出品的一系列功能和 Excel 類似的表格工具，支持桌面、Web 和移動平台開發，用於在應用系統中實現 Excel 導入導出、表格數據錄入和編輯等交互功能，並提供靈活的定製能力和豐富的數據可視化效果。

Spread 是目前市面上最接近 Excel 的表格開發工具，無論是界面、函數還是布局，都與 Excel 高度接近，正被華為、東軟、中國平安、河海大學、中通快遞、普華永道、魔方網表、思源軟體等企業應用於項目開發中。

除了純前端的SpreadJS，該系列產品還包括 .NET 平台可用的Spread Studio，和伺服器端批量操作Excel的Spread表格組件，敬請登陸官網了解更多：http://www.gcpowertools.com.cn/

關於葡萄城

葡萄城成立於1980年，是全球最大的控制項提供商，世界領先的企業應用定製工具、企業報表和商業智能解決方案提供商，為超過75%的全球財富500強企業提供服務。葡萄城於1988年在中國設立研發中心，在全球化產品的研發過程中，不斷適應中國市場的本地需求，並為軟體企業和各行業的信息化提供優秀的軟體工具和諮詢服務。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！