JS 在 Excel 中构建了 # 之后的 CSV 中断-解网

问：

我正在通过 JavaScript 构建 CSV，一些单元格值包含主题标签和其他特殊字符。我特别注意到，主题标签充当了文件的硬停止。我无法在网上找到解决方案，也没有真正看到这个特定问题。我已经尝试了修复程序，但无济于事。下面是我用来构建 CSV 的函数。\uFEFF

export const buildCSV = (headers, data) => {
  if (!headers && !data) return;

  let csvContent = "data:text/csv;charset=UTF-8,";

  if (headers) {
    csvContent += headers.join(",") + "\r\n";
  }

  if (data) {
    data.forEach(row => {
      csvContent += row.join(",") + "\r\n";
    });
  }

  return encodeURI(csvContent);
};

作为参考，目前，在打开 CSV 时，诸如 will show as 和其余行被截断的值。150 # content150

提前感谢任何花时间提供答案的人！

javascript excel csv 特殊字符

<script>
 const buildCSV = (headers, data) => {
  if (!headers && !data) return;

  let csvContent = "";

  if (headers) {
    csvContent += headers.join(",") + "\r\n";
  }

  if (data) {
    data.forEach(row => {
      csvContent += row.join(",") + "\r\n";
    });
  }
return csvContent;
}

function downloadFile()
{
 function download(data, fileName) {
      var a = document.createElement("a");
    document.body.appendChild(a);
    a.style = "display: none";
            blob = new Blob([data], {type: "text/csv"}),
            url = window.URL.createObjectURL(blob);
        a.href = url;
        a.download = fileName;
        a.click();
        window.URL.revokeObjectURL(url);
    };
var data = buildCSV(['header1','header2','header3'],[['150#content','rowvalue1','rowvalue2']]),
    fileName = "myfile.csv";
    download(data, fileName);
}

</script>
<body>
<a href="" onclick="downloadFile()" >Download</a>
</body>

11赞 Rory L. 9/17/2020 #2

我设法通过进行此切换来解决问题：

  const encodedURI = encodeURI(csvContent);
  const fixedEncodedURI = encodedURI.replaceAll('#', '%23');
  return fixedEncodedURI;

在运行 encodeURI 之前执行切换会导致结果为“%23”，而不是正确地将其转换回井号标记。根据 MDN（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURI#Description），该函数不会转义主题标签（在其他字符中，但我没有注意到其他字符的问题）。手动编码后，一旦在 Excel 中下载并打开它们，它们就会转换回主题标签。encodeURI

TKoL 创建了一个小提琴，展示了产生所需输出的用法。当我在尝试使用此函数时遇到问题时，需要注意的一些事项是必须对初始代码进行以下更改，否则将导致下载失败：encodeURIComponent

let csvContent = "";

other code...

return "data:text/csv;charset=utf-8," + encodeURIComponent(csvContent);

感谢所有提供潜在解决方案的人！

嗯，这确实有效。在尝试该解决方案时，我的问题是，如果在运行之前添加到变量中，则会导致下载失败。但是，显然，如果您将数据规范添加到结果中，它将按预期运行。data:text/csv;charset=UTF-8,csvContentencodeURIComponentencodeURIComponent

0赞 TKoL 9/17/2020

您是否考虑过改用 blob 创建 uri？gist.github.com/dhunmoon/d743b327c673b589e7acfcbc5633ff4b

上一个：D/VRI[MainActivity]（15539）：handleWindowFocusChanged mWindowFocusChanged false mUpcomingWindowFocus true mAdded true

下一个：UnityWebRequest POST 未发送正文

JS 在 Excel 中构建了 # 之后的 CSV 中断

JS built CSV breaking after # in Excel

评论

评论