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

資訊專欄INFORMATION COLUMN

js導(dǎo)出excel

wangxinarhat / 2626人閱讀

摘要：當(dāng)然可以自定義簡單的下載文件實現(xiàn)方式下載綁定標(biāo)簽?zāi)M點擊實現(xiàn)下載延時釋放用來釋放這個這里的數(shù)據(jù)是用來定義導(dǎo)出的格式類型格式格式格式格式格式通過轉(zhuǎn)成單頁數(shù)據(jù)調(diào)用方式的上級的值保存的文件名稱


    


function saveAs(obj, fileName) {//當(dāng)然可以自定義簡單的下載文件實現(xiàn)方式
        var tmpa = document.createElement("a");
        tmpa.download = fileName || "下載";
        tmpa.href = URL.createObjectURL(obj); //綁定a標(biāo)簽
        tmpa.click(); //模擬點擊實現(xiàn)下載
        setTimeout(function () { //延時釋放
            URL.revokeObjectURL(obj); //用URL.revokeObjectURL()來釋放這個object URL
        }, 100);
    }

    const wopts = { bookType: "xlsx", bookSST: false, type: "binary" };//這里的數(shù)據(jù)是用來定義導(dǎo)出的格式類型
    // const wopts = { bookType: "csv", bookSST: false, type: "binary" };//ods格式
    // const wopts = { bookType: "ods", bookSST: false, type: "binary" };//ods格式
    // const wopts = { bookType: "xlsb", bookSST: false, type: "binary" };//xlsb格式
    // const wopts = { bookType: "fods", bookSST: false, type: "binary" };//fods格式
    // const wopts = { bookType: "biff2", bookSST: false, type: "binary" };//xls格式

    function downloadExl(data, name) {
        const wb = { SheetNames: ["Sheet1"], Sheets: {}, Props: {} };
        wb.Sheets["Sheet1"] = XLSX.utils.json_to_sheet(data);//通過json_to_sheet轉(zhuǎn)成單頁(Sheet)數(shù)據(jù)
        saveAs(new Blob([s2ab(XLSX.write(wb, wopts))], { type: "application/octet-stream" }), name + "." + (wopts.bookType=="biff2"?"xls":wopts.bookType));
    }
    function s2ab(s) {
        if (typeof ArrayBuffer !== "undefined") {
            var buf = new ArrayBuffer(s.length);
            var view = new Uint8Array(buf);
            for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
            return buf;
        } else {
            var buf = new Array(s.length);
            for (var i = 0; i != s.length; ++i) buf[i] = s.charCodeAt(i) & 0xFF;
            return buf;
        }
    }
    function downloadXLSById(idName,fileName){
        var title = new Array();

        $(`#${idName} table thead tr th`).each(function(i,v){
            title.push(v.textContent);
        });

        var jsonData = [];
        $("#"+idName+" table tbody tr").each(function(i,v){
            var data = {};
            v.childNodes.forEach(function(value,index){
                data[title[index]] = $.trim(value.textContent);
            });
            jsonData.push(data);
        });

        downloadExl(jsonData,fileName);
    }
調(diào)用方式 
downloadXLSById(idName,fileName);
idName : table 的上級div的 id值
fileName : 保存的文件名稱

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/108821.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

  • vue.js中如何導(dǎo)出Excel表格

    摘要：有一個項目需求，要求在前端項目中導(dǎo)出表格，經(jīng)過查找代碼確實可以實現(xiàn)，具體實現(xiàn)步驟為安裝依賴導(dǎo)入兩個下載和，在目錄下新建文件夾，里面放入和兩個文件在引入這兩個文件在組件中使用導(dǎo)出的方法序號昵稱姓名上面設(shè)置的表格第一行的標(biāo)題上面的是里對 有一個項目需求，要求在前端項目中導(dǎo)出Excel表格，經(jīng)過查找代碼,Vue.js確實可以實現(xiàn)，具體實現(xiàn)步驟為： 1.安裝依賴 npm install -S ...

    lunaticf 評論0 收藏0

  • Vue導(dǎo)出json數(shù)據(jù)到Excel電子表格

    摘要：網(wǎng)上看了很多文檔感覺都不全，這里寫一篇完整的詳細(xì)教程。一安裝依賴前面基本一樣二下載兩個所需要的文件和。是每一欄的名稱，需手動輸入。是中的值，也是要自己寫的。這里記得要與里面的名稱對應(yīng)這里可定義導(dǎo)出的文件名參考文章 網(wǎng)上看了很多文檔感覺都不全，這里寫一篇完整的詳細(xì)教程。 一、安裝依賴（前面基本一樣） npm install file-saver --save npm install xl...

    DirtyMind 評論0 收藏0

  • 利用js-xlsx前端導(dǎo)出Excel

    摘要：由于項目臨時加入導(dǎo)出功能，后臺童靴沒有多余時間來處理，想前端來處理導(dǎo)出。查詢了前端導(dǎo)出方法，大部分是利用來做處理，按照來導(dǎo)出時是沒有樣式處理的。利用數(shù)據(jù)導(dǎo)出拿到后端數(shù)據(jù)，先要對數(shù)據(jù)進行組裝才能導(dǎo)出我們想要的文件格式。 由于項目臨時加入導(dǎo)出Excel功能，后臺童靴沒有多余時間來處理，想前端來處理導(dǎo)出。 查詢了前端導(dǎo)出方法，大部分是利用js-xlsx來做處理，按照js-xlsx來導(dǎo)出exc...

    muzhuyu 評論0 收藏0

發(fā)表評論

0條評論

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