當前位置:首頁 » 網頁前端 » 前端導出excel並適應瀏覽器
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端導出excel並適應瀏覽器

發布時間: 2022-04-26 11:38:15

A. js導出html中table表格為Excel表格 如何兼容各個瀏覽器

function method1() {//整個表格拷貝到EXCEL中 var curTbl = document.getElementById("hgreport1MngTb"); var oXL = new ActiveXObject("Excel.Application"); //創建AX對象excel var oWB = oXL.Workbooks.A

B. 如何設置使瀏覽器可以導出excel

目前不知道有哪個
瀏覽器
支持。不過你可以保存成TXT格式,然後在EXCEL里編輯。通過分列等方法處理一下就行了。

C. 前端怎麼實現導出excel內容是數值

在web開發中,有一個經典的功能,就是數據的導入導出。特別是數據的導出,在生產管理或者財務系統中用的非常普遍,因為這些系統經常要做一些報表列印的工作。而數據導出的格式一般是EXCEL,我這里就給大家介紹下^_^。
首先我們來導出EXCEL格式的文件吧。現在主流的操作Excel文件的開源工具有很多,用得比較多的就是Apache的POI及JExcelAPI。這里用Apache POI!先去Apache的大本營下載POI的jar包:http://poi.apache.org/
開啟分步閱讀模式
工具材料:
Eclipse
操作方法
01
首先進入poi的官網,下載需要的jar包,如圖所示,下載zip包

02
其次,將下載的zip包解壓,並將根目錄、lib目錄和ooxml-lib目錄下的jar包放入工程目錄的lib文件中(下一步會說明具體位置)。

03
然後,新建javaweb項目,例如poi-micro項目,將上面的jar包復制到poi-micro\WebContent\WEB-INF\lib目錄下,實際上上面的jar包放在本機的固定文件夾中即可,在build path時倒入進去就OK了。

04
導出的excel表格的每一行可抽象成一個實體類,例如,導出學生信息excel表格,則一行記錄表示一個學生的信息。以此為例,則需要新建學生實體類Student,如圖示。該類有一些屬性兩個構造方法和get/set方法組成。

05
下面,編寫導出excel表格的功能實現類了,為了該類具有通用型,使用泛型和反射機制,安裝屬性的順序輸出實體類的屬性信息。

06
最後編寫測試方法,在main方法中新建幾個學生對象,調用上面的excel表格導出類的方法即可。

07
最終的導出excel表格如圖示。

D. asp.net怎樣利用ajax將前端數據導出為excel

導出Excel,需要Ajax服務端響應的頭為application/x-excel,從而確保瀏覽器能夠以Excel文件進行下載。
你可以把Ajax請求的服務端為httphandler,不要請求Aasp.net頁面,以免你在調試的過程中出現問題。

E. 求前端table導出excel方案,要求瀏覽器兼容、數據量和計算量巨大不能走後台,表格包含跨列跨行

幾萬條記錄,還計算幾個小時...這前台後台估計都不好導。
不知道你說的前台後台是什麼意思,你是想伺服器創建文件流然後返回客戶端直接在瀏覽器查看excel數據嗎? 要是這樣的話,我覺得直接導出,然後下載再查看比較合適。

F. 怎樣在Chrome瀏覽器中,直接讓表格中的數據以Excel文件形式導出

這是不太可能的,除非伺服器支持下載(導出)。

解決的辦法:是用Excel打開這個頁面,然後控制Excel把內容抓取到表格上。

大概的做法(Excel菜單):數據——>來自網頁

然後輸入(粘貼)這個頁面的URL地址,等Excel調用瀏覽器打開頁面之後,控制「箭頭」選擇表格區域的內容,最後點擊確定。內容就弄下來了。

(抓下拉的數據會再下一次打開時自動更新,所以不需要更新的一定要自行復制一份到其他的表或者工作薄)

G. html作為excel導出怎麼設置

目前html是無法導出為excel形式的,可以把excel保存為html格式。
excel表格另存為html網頁方式:
1、用Excel2013打開一篇工作簿,單擊「文件」按鈕,在跳轉到的窗口中選擇「另存為」,然後在窗口的右邊選擇「計算機」。
2、此時會彈出一個「另存為」對話框,我們選好保存的位置後,單擊「保存類型」右側的下拉按鈕,選擇「網頁」項,下面會出現一些需要選擇的信息,我們選擇默認這些信息,然後單擊「保存」按鈕。
3、此時會彈出一個Microsoft
Excel提示框,我們單擊「是」按鈕,繼續使用HTML格式。
4、此時桌面上會出現一個後綴名為「.htm」格式的文件和一個文件夾,我們將這個文件拖放到IE瀏覽器中,打開後的效果如下。
5、提示:如果大家只需要發布一張Excel工作表,那麼在第2步的第2張圖片中將「保存」選項修改為「選擇(E):工作表」,單擊「保存」按鈕後根據提示操作即可。

H. 關於前端如何導出後台傳來的excel介面

題主所說的導出指的是讓前端去下載後台的Excel還時還要有其他操作呢?

如果單純去下載,可以基於XMLHttpRequest請求,請求一個伺服器或者後端的Excel文件,然後設置responseType為blob二進制流來傳輸。例如:

var excelFilePath = 'resources/Excel/importExcel.xlsx';

var xhr = new XMLHttpRequest();

xhr.open('GET', excelFilePath, true);

xhr.responseType = 'blob';

xhr.onload = function(e) {

var blob = this.response;

}

之後onload裡面的blob就是這個Excel文件的二進制流,接下來只要將blob轉成文件進行下載就可以了,JS中有很多開源的第三方類庫可以做到,例如filesaver。如果是用filesaver的話,調用其中的saveAs方法就可以將該blob轉成對應文件進行下載

例如

var fileName = "test.xlsx"

saveAs(blob, fileName);

把上述方法加到onload 方法中,前端就會下載一個名為test.xlsx的Excel文件,內容就是後端傳過來的Excel

如果還要有其他操作例如展示或者在線的編輯,就需要一些第三方控制項來完成了,比如SpreadJS

上述的方法也是在他們的官方論壇中學到的,參考網址:

網頁鏈接

I. asp.net做網站,導出Excel

導出excel與客戶端無關,你的後台返回一個mime類型為application/vnd.ms-excel的response,包含一個excel文件,前端瀏覽器就會自動識別並保存在本地(或要求用戶確認下載並打開)

J. 前端怎麼導出後台生成的excel

導出不是前端能搞定的,比如jsp頁面上點擊按鈕,先要在後台生成數據,然後jsp頁面彈出下載窗口,點選路徑就保存到本地計算機了。