成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

js 導(dǎo)出excel ，elsx格式

tuniutech / 1737人閱讀

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

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

讀取文件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可以把字符串轉(zhuǎn)成base64編碼。可以通過這個方法進行生成要導(dǎo)出的excel base64

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

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

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

通過模擬點擊事件，觸發(fā)下載操作

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);
    }

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/94905.html

相關(guān)文章

  • FineReport中JS如何自定義按鈕導(dǎo)出

    FineReport支持多種不同的導(dǎo)出方式，直接使用FineReport內(nèi)置導(dǎo)出按鈕可以非?？旖莘奖愕膩韺Ω鞣N格式的輸出，但是我們在web頁面集成中的時候，往往只想將報表內(nèi)容嵌入到iframe中，而工具欄以及工具欄上的按鈕都會隱藏掉，而使用web頁面自定義的按鈕，那么，此時，這種自定義按鈕如何實現(xiàn)導(dǎo)出呢？ showImg(https://segmentfault.com/img/bVJR1H?w=...

    wujl596 評論0 收藏0

  • Vue+Element前端導(dǎo)入導(dǎo)出Excel

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

    NikoManiac 評論0 收藏0

  • [SheetJS] js-xlsx模塊學習指南

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

    zhaot 評論0 收藏0

  • 前端實現(xiàn)Excel導(dǎo)入和導(dǎo)出功能

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

    Amio 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<