1. 程式人生 > >前端下載excel檔案功能的三種方法

前端下載excel檔案功能的三種方法

原文:https://www.cnblogs.com/houxiaohang/p/6846467.html

因為最近要做一個功能:將excel檔案上傳到伺服器進行解析讀取,再生成新的excel檔案下載下來。故找到了這篇博文,很實用,轉載一下,方便以後使用。

1 從後端接收json資料,前端處理生成excel下載

JsonExportExcel的github地址:https://github.com/cuikangjie/JsonExportExcel

這種方式比較適用於該資料需要能夠匯出下載並且同時要展現在頁面的場景

 

2 通過form表單接收檔案

如果後端已經處理成了excel,就不需要前端在處理生成,但是Ajax能夠返回的資料格式只能為html,script,json,xml,不能直接接受excel檔案,如果你直接通過ajax去獲取檔案就會報錯。但是我們可以利用表單可以支援檔案傳輸的特性,通過表單進行請求提交,就可以順利接受到檔案啦。

1 2 3 4 < form  action='ajax_url'>      <
input  type="text" name="yourname" value="yourvalue">      < input  type="submit" value="提交">   </ form >

當頁面上不能出現form表單展示時,可以通過設定一個隱藏的form表單獲取excel

 

3 從後端接受檔案地址,設定href下載

這種方法同樣是通過後端來生成excel檔案,但 並不直接返回excel檔案,前端通過向後端傳送ajax請求返回一個用於下載excel檔案的地址,在頁面上設定a標籤的href為返回的地址即可