js 導出excel ，elsx格式

tuniutech 發布于2019-08-22 17:09 / 1730人閱讀

摘要：可以通過這個方法進行生成要導出的通過標簽可以下載一個文件部分網友回復說導出的打開時有提示，這是因為這里的后綴名，帶的時擴展名。通過模擬點擊事件，觸發下載操作最終代碼

思路，js下載文件，無非就是生成base64，然后賦值給a標簽進行導出下載

讀取文件excel的filetype：

var input = document.querySelector("input");
input.addEventListener("change",function(){
    var file = this.files[0];
    fileOtions.type = file.type;
    var reader  = new FileReader();
    reader.onload = function(e){
        console.log(e.target.result);
    };
    reader.readAsDataURL(file);
},false);


//data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64,

js中btoa可以把字符串轉成base64編碼。可以通過這個方法進行生成要導出的excel base64

btoa(unescape(encodeURIComponent("" + str + "
")))

通過標簽a可以下載一個文件：

var a = document.createElement("a");
a.href = template;
//部分網友回復說導出的excel打開時有提示，這是因為這里的后綴名，帶x的時擴展名。老版本的用xls應該就可以 了。
//a.download = "test.xlsx";
a.download = "test.xls";

通過模擬點擊事件，觸發下載操作

var evt = document.createEvent("MouseEvents");
evt.initEvent("click", false, false);
a.dispatchEvent(evt);

最終代碼：

 function html2excel(table,name) {
        // var table= "testtest";
        var template = "data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64," + btoa(unescape(encodeURIComponent("" + table + "")));
        var a = document.createElement("a");
        a.href = template;
        a.download = name+".xlsx";
        var evt = document.createEvent("MouseEvents");
        evt.initEvent("click", false, false);
        a.dispatchEvent(evt);
    }

云服務器 GPU云服務器 js 數據導出excel js 批量導出excel數據 js 導出數據到excel js導入導出excel數據

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/94905.html

FineReport中JS如何自定義按鈕導出

FineReport支持多種不同的導出方式，直接使用FineReport內置導出按鈕可以非常快捷方便的來對各種格式的輸出，但是我們在web頁面集成中的時候，往往只想將報表內容嵌入到iframe中，而工具欄以及工具欄上的按鈕都會隱藏掉，而使用web頁面自定義的按鈕，那么，此時，這種自定義按鈕如何實現導出呢？ showImg(https://segmentfault.com/img/bVJR1H?w=...

wujl596 2019-08-21 15:17 評論0 收藏0
Vue+Element前端導入導出Excel

摘要：前言業務場景由前臺導入表格，獲取批量數據。根據一個數組導出表格。每一個值是個對象，包含了兩個屬性。由于本人將和放到了同一級，這里引入是這樣的。這幾個文件不支持引入，所以需要來將他們掛載到全局環境下。若不足之處，歡迎大家指出，共勉。 1 前言 1.1 業務場景由前臺導入Excel表格，獲取批量數據。根據一個數組導出Excel表格。 2 實現原理 2.1 引入工具庫 file-save...

NikoManiac 2019-08-23 17:08 評論0 收藏0
[SheetJS] js-xlsx模塊學習指南

摘要：簡介是前端操作以及類似的二維表的最佳選擇之一而是它的社區版本將注意力集中到了數據轉換和導出上所以它支持相當多種類的數據解析和導出不僅僅局限于支持格式支持的導入格式支持的導出格式它可以解析符合格式的數據導出符合格式的數據利用中間層操作數據簡介 SheetJS是前端操作Excel以及類似的二維表的最佳選擇之一,而js-xlsx是它的社區版本. js-xlsx將注意力集中到了數據轉換和導出...

zhaot 2019-08-23 15:05 評論0 收藏0
前端實現Excel導入和導出功能

摘要：介紹最近項目中讓實現一個導入導出的功能，查找了一些插件后發現這個插件，所以就嘗試使用了一下，這里將使用方法和遇到的問題簡單記錄一下。介紹最近項目中讓實現一個導入導出Excel的功能，查找了一些插件后發現js-xlsx這個插件，所以就嘗試使用了一下，這里將使用方法和遇到的問題簡單記錄一下。 SheetJS js-xlsx 是一款能夠讀寫多種格式表格的插件，瀏覽器支持良好，并且能在多個...

Amio 2019-08-23 14:55 評論0 收藏0