Question

目前，我正在创建一个读取CSV文件并将其放入HTML中的网站。现在，我想从我的JavaScript HTML中提取一个数组，以创建一个csv文件。有可能吗？如果可能的话，请指导我。

Answer 1

使用链接中的以下插件并轻松导出。

http://www.jqueryscript.net/demo/Exporting-Html-Tables-To-CSV-XLS-XLSX-Text-TableExport/

Answer 2

创建Blob并使用链接

中的下载属性进行保存

var saveData = (function () {
    var a = document.createElement('a')
    a.hidden = true
    document.body.appendChild(a)
    return function (data, fileName) {
        var blob = new Blob([data], {type: 'octet/stream'})
        var url = URL.createObjectURL(blob)
        a.href = url
        a.download = fileName
        a.click()
        URL.revokeObjectURL(url)
    }
}())

// I leave it up to you to create the data
// necessary for creating the csv data.
// 
// data can also be array buffers blob or
// other stuff the blob constructor can take.
var data = 'abc,123' 
var fileName = "my-download.csv"

saveData(data, fileName)

Answer 3

您可以使用以下代码通过javascript将HTML表格数据导出到Excel。

示例Html代码： -

<button id="btnExport">Export to xls</button>
  <br />
  <br />
  <div id="table_wrapper">
    <table border="1" cellspacing="0" bordercolor="#222" id="list">
      <tbody>
        <tr class="header">
          <th>user_id</th>
          <th>firstname</th>
          <th>lastname</th>
        </tr>
        <tr>
          <td>1</td>
          <td>Test</td>
          <td>User1</td>
        </tr>
        <tr>
          <td>2</td>
          <td>Test</td>
          <td>User 2</td>
        </tr>
        <tr>
          <td>3</td>
          <td>Test</td>
          <td>User 3</td>
        </tr>
      </tbody>
    </table>

Javascript代码： -

$("#btnExport").click(function(e) {
    e.preventDefault();
    var data_type = 'data:application/vnd.ms-excel';
    var table_div = document.getElementById('table_wrapper');
    var table_html = table_div.outerHTML.replace(/ /g, '%20');

    var a = document.createElement('a');
    a.href = data_type + ', ' + table_html;
    a.download = 'exported_table_data + '.xls';
    a.click();
  });

我认为这会对你有所帮助。

从Javascript HTML中提取数据（到CSV）

3 个答案: