3

我正在研究一种将 HTML 表保存到 csv 文件的方法。理想情况下,这应该是跨浏览器的,我已经让它在除 Internet Explorer 之外的所有东西上工作。但是,我已经让明显的部分工作了。剩下的就是我无法从我的 JavaScript 中获取一个工作的 csv 文件,因为我希望下载的数据前面附加了一个字节顺序标记。

我通过在 IE 和其他所有文件中下载 csv 文件并使用十六进制编辑器查看原始文件来确认是这种情况,我可以确认 Internet Explorer 下载的文件预先添加了 unicode 字符“FFFE”。

请参阅下面的代码。saveTable 采用位于表内的“<a>”节点。

如果有人可以帮助我解决这个问题并提供一些解决方案,我将不胜感激。请原谅我的任何失礼,我认为我以前从未使用过这种性质的网站。因此,如果您需要我提供任何进一步的信息,请告诉我,我会尽我所能在这里得到它。

function findTable(node) { // Finds a nodes parent table.
  return (node.nodeName !== "TABLE") ? findTable(node.parentNode) : node;
}

function saveTable(node) {
  var csv = [];
  var table = findTable(node);
  var rows = table.getElementsByTagName("tr");
  var header = [];
  var csv = [];
  for (var i = 0; i < rows.length; i++) {
    if (i == 0) {
      // Do csv stuff.
      var dates = rows[i].getElementsByTagName("th");
      for (var j = 0; j < dates.length; j++) 
        (j == 0) ? header.push("") : header.push(dates[j].innerHTML);
      csv.push(header.join(","));
    }
    else {
      var rowArray = [];
      var jobName = rows[i].getElementsByTagName("th")[0].innerHTML;
      var times = rows[i].getElementsByTagName("td");
      rowArray.push(jobName);
      for (var k = 0; k < times.length; k++) 
        rowArray.push(times[k].innerHTML);
      csv.push(rowArray.join(","));
    }
  }

  node.setAttribute("href", "data:text/csv;charset=utf-8," + csv.join("%0A"));
  var fileName = "spreadsheet_data-" + (new Date).getTime() + ".csv";

  if (node.download == "") 
    node.setAttribute("download", fileName);
  else {
    alert("Handle IE here!");
    var bom = "\uFFFE";
    var doc = document.open("application/octet-stream", "_blank");
    var data = csv.join("\r\n");
    doc.charset = "UTF-8";
    doc.write(data.replace(bom, ""));
    doc.focus();
    doc.execCommand('SaveAs', false, fileName);
    doc.close();
  }
}

表格示例,这不是我自己选择的方式,而是表格是由另一个软件生成的。

<table id='results' border='1'>
<tr><th><a href='#' onClick='saveTable(this);' id='download_link'>Download data</a></th><th>2013/05/09</th><th>2013/05/10</th><th>2013/05/10</th><th>2013/05/10</th><th>2013/05/10</th></tr>
<tr>
<th>\PDF\EXOVIGN.PDF</th><td>8.853</td><td>9.050</td><td>8.807</td><td>8.827</td><td>8.835</td></tr>
</table>
4

1 回答 1

1

如果您没有绝对要求在客户端执行此操作,那么从服务器发送文件可能会为您节省很多麻烦。

于 2013-05-20T13:04:04.610 回答