js 實現純前端將資料匯出excel。chome瀏覽器親測有效。

阿新 • • 發佈：2018-12-27

有了新的需求所以就瞭解下怎麼用js 直接匯出excel文件。

html程式碼

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title> 

</head>
<body>
    <p style="font-size: 20px;color: red;">使用a標籤方式將json匯出csv檔案</p>
    <button onclick="tableToExcel()">匯出</button>
</body>
</html>

標題js程式碼

<script>
  window.onload = function(){
    tableToExcel = function (){
      //要匯出的json資料
      var 
 jsonData = [
        {
          name:'路人甲',
          phone:'123456789',
          email:'[email protected]'
        },
        {
          name:'炮灰乙',
          phone:'123456789',
          email:'[email protected]'
        },
        {
          name:'土匪丙',
          phone:'123456789',
          email: 
'[email protected]'
        },
        {
          name:'流氓丁',
          phone:'123456789',
          email:'[email protected]'
        },
      ];
      //列標題，逗號隔開，每一個逗號就是隔開一個單元格
      var str = "姓名,電話,郵箱\n";
      //增加\t為了不讓表格顯示科學計數法或者其他格式
      for(var i = 0 ; i < jsonData.length ; i++ ){
        for(var item in jsonData[i]){
            str+=jsonData[i][item]+"\t,";     
        }
        str+='\n';
      }
      //encodeURIComponent解決中文亂碼
      var uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);
      //通過建立a標籤實現
      var link = document.createElement("a");
      link.href = uri;
      //對下載的檔案命名
      link.download =  "json資料表.csv";
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
    };
  }


</script>

圖片

在這裡插入圖片描述

js 實現純前端將資料匯出excel。chome瀏覽器親測有效。

有了新的需求所以就瞭解下怎麼用js 直接匯出excel文件。 html程式碼 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont

js 實現純前端將資料匯出excel兩種方式，親測有效

由於專案需要，需要在不呼叫後臺介面的情況下，將json資料匯出到excel表格，參考了好多資料以及很多大佬寫的部落格終於實現，相容chrome沒問題，其他還沒有測試過，這邊介紹兩種實現方式，並附上程式碼和gif動圖，博主不才還望輕噴方法一將table標籤，包括tr、td等對j

IE中在js中將查詢出的資料匯出excel表格

<input style="width: 70px; height: 22px;margin-left: 10%;font-family: \"微軟雅黑\" ; font-size: 12px; color:#2587D2 " type="button" onclick="move('exec

ThinkPHP將資料匯出Excel表中 4種姿勢呼叫Event事件

<?php namespace Home\Event; class ExportExcelEvent{ /** * @desc 將資料匯出到Excel中 * @param $data array 設定表格資料 * @param $titlename strin

NET使用NPOI元件將資料匯出Excel-通用方法【推薦】

一、Excel匯入及匯出問題產生：　　從接觸.net到現在一直在維護一個DataTable匯出到Excel的類，時不時還會維護一個匯入類。以下是時不時就會出現的問題：匯出問題：　　如果是asp.net，你得在伺服器端裝Office，幾百M呢，還得及時更新它，以防漏洞，還得設定許可權允許ASP.n

利用python_opencv和dlib實現從視訊中抓取人臉照片並儲存(親測有效)

系統：win10 編譯環境：pycharm python庫：cv2、dlib(自己安裝) 程式碼： import dlib import cv2 # 載入並初始化檢測器 detector = dlib.get_frontal_face_detector() camera = cv2.

Java將資料以Excel檔案形式匯出後臺程式碼實現

下面程式碼實現所需jar包：　　tomcat-embed-core-8.5.11.jar；　　commons-lang3-3.0.1.jar；　　commons-io-2.5.jar；　　poi-3.9.jar 　　（下載地址：https://files.cnblogs.com/files/

使用js-xlsx純前端匯出excel

前言最近公司需要將幾張統計表格匯出到excel,由於公司現有匯出excel功能是前後端配合的匯出，覺得麻煩，所以想找一個純前端匯出的工具，最後找到了js-xlsx，評價還是挺高的，但是中文文件沒找到,百度也沒有找到一個比較全面的教程,所以踩了很多坑，自己記錄下，方便以後使用。

使用PL SQL將資料匯出為Excel格式檔案

使用PL SQL將資料匯出為Excel格式檔案有兩種方法，第一種是先將查詢結果匯出為CSV檔案，然後再轉為Excel檔案；第二種是選中要匯出的查詢結果，右鍵，選擇複製到xls，即可。兩種方法各有優勢：第一種方法適用於匯出資料量特別大，如超過140多萬行資料，因為excel表格有最大行數限

Oracle 快速將資料匯出到CSV(Excel)檔案的方法及效能比較

註釋：工作中有需要將線上資料匯出到excel給客戶分析/檢視的情況，如下是方法介紹情況：方法 1分鐘匯出的資料量適用於 utl_file讀寫檔案包 300萬

js資料匯出excel

<html> <meta charset="utf-8"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <scrip

js table資料匯出excel檔案

前言百度了幾篇有關的教程，都差不多甚至可以說是完全相同；在這裡也只是精簡、記錄一下。程式碼表格轉換成excel並下載 (document).ready(function () {

C# 將圖片匯出Excel(包括建立Excel 、檔案壓縮、遞迴刪除檔案及資料夾)

新增引用 using ICSharpCode.SharpZipLib.Zip; public void CreateDirectory(string DirectoryPath) { if (!Directory.Exist

Vue+element UI實現表格資料匯出Excel元件

介紹這是一個可以將頁面中的表格資料匯出為Excel檔案的功能元件，該元件一般與表格一起使用，將表格資料傳給元件，然後通過點選元件按鈕可將表格中的資料匯出成Excel檔案。使用方法由於封裝該元件內部引用了xlsx.js，file-saver.js和elementUI，因此在使用該元件時，請先安裝如下

PHPExcel之將獲取到的資料匯出excel

tp3.2(注意：project\ThinkPHP\Library\Org\Util\PHPExcel 引用方法： use Org\Util; ) public function export_nj()

js將table匯出excel 之檔案改名及格式化

<html> <head> <meta charset="utf-8"> <script type="text/javascript" language="javascript"> var idTmr;

如何將table表中的資料匯出excel表

所用技術：Mybatis+Springmvc+Spring 例子： @RequestMapping(value = "/sbExport") public void sbcscxInquiry

springboot實現資料庫中資料匯出Excel功能

功能介紹網上查找了一堆的資料匯出程式碼，可能是自己基礎比較薄弱的原因還是別的什麼原因，導致一直沒有執行成功，就算是執行成功的，結果也是差強人意。在此總結一下自己借鑑別人已經經過自己整合

mysql 將資料匯出成excel檔案(.xls格式)

匯出為txt檔案： select * from xi_table into outfile ’d:\test.txt’; 有時候有excel開啟的時候會出現亂碼，因為office預設的是gb2312編碼，伺服器端生成的很有可能是utf-8編碼，這個時候你有兩種選擇：在伺服器端使用iconv來進行編碼轉換:

PHP 將資料匯出到Excel

require_once 'PHPExcel/PHPExcel.php';//下載PHPExcel /** * 匯出Excel * @param $data Array 匯出的資料 */ function expUser($data){ // 建立一個處理物

js 實現純前端將資料匯出excel。chome瀏覽器 親測有效。

html程式碼

標題js程式碼

圖片

相關推薦

js 實現純前端將資料匯出excel。chome瀏覽器親測有效。