將 JavaScript 變量值轉換為 csv 文件

Question

我的 .js 文件中有一個逗號分隔的變量，例如：

var out='';
out+="1,val1,val2,val3,val4\n";
out+="2,val1,val2,val3,val4\n";
out+="3,val1,val2,val3,val4\n";

我使用document.write(out);在瀏覽器中顯示這個值document.write(out); .
我希望out變量可以作為.csv文件下載。

從存儲在變量中的數據，有沒有辦法在 JavaScript 中創建 csv 文件及其關聯的下載鏈接？

js小提琴

Answer 1

取決於瀏覽器的支持，但對於新瀏覽器來說這變得非常好： http : //jsfiddle.net/3fMeL/2/

var CSV = [
    '"1","val1","val2","val3","val4"',
    '"2","val1","val2","val3","val4"',
    '"3","val1","val2","val3","val4"'
  ].join('\n');

window.URL = window.webkitURL || window.URL;

var contentType = 'text/csv';

var csvFile = new Blob([CSV], {type: contentType});

var a = document.createElement('a');
a.download = 'my.csv';
a.href = window.URL.createObjectURL(csvFile);
a.textContent = 'Download CSV';

a.dataset.downloadurl = [contentType, a.download, a.href].join(':');

document.body.appendChild(a);

所以第一項是 Blob 對象，這將創建可以下載的對象。 https://developer.mozilla.org/en-US/docs/Web/API/Blob ( http://caniuse.com/#search=blob )

下一部分是鏈接的下載屬性，它通知瀏覽器下載 CSV 文件而不是在瀏覽器窗口中打開它。 ( http://caniuse.com/#feat=download )

Answer 2

客戶端有輸出文件的jquery插件，無需服務器端交互，

https://github.com/dcneiner/Downloadify