相关疑难解决方法(0)

将javascript数据导出到CSV文件,无需服务器交互

如果我们在nodeJS服务器上,我们可以编写一个头,设置一个mime类型,并发送它:

res.header("Content-Disposition", "attachment;filename="+name+".csv"); 
res.type("text/csv");
res.send(200, csvString);
Run Code Online (Sandbox Code Playgroud)

并且由于标题,浏览器将为命名的csv文件创建下载.

当在浏览器中生成有用的数据时,将其置于CSV文件中的一种解决方案是使用ajax,将其上传到服务器,(可选择将其保存在那里)并让服务器使用这些头将其发送回csv在浏览器下载回来.

但是,我希望100%的浏览器解决方案不涉及与服务器的乒乓.

所以在我看来,可以打开一个新窗口并尝试使用META标记等效设置标题.

但是这在最近的Chrome中对我不起作用.

我确实得到一个新窗口,它包含csvString,但不作为下载.

我想我希望在底部标签中下载或在底部标签中下载一个空白的新窗口.

我想知道元标记是否正确或是否还需要其他标记.

有没有办法让这项工作没有将其强加给服务器?

用于在浏览器中创建CSV的JsFiddle(不工作 - 输出窗口但无法下载)

var A = [['n','sqrt(n)']];  // initialize array of rows with header row as 1st item
for(var j=1;j<10;++j){ A.push([j, Math.sqrt(j)]) }
var csvRows = [];
for(var i=0,l=A.length; i<l; ++i){
    csvRows.push(A[i].join(','));   // unquoted CSV row
}
var csvString = csvRows.join("\n");
console.log(csvString);
var csvWin = window.open("","","");
csvWin.document.write('<meta name="content-type" content="text/csv">');
csvWin.document.write('<meta name="content-disposition" content="attachment;  filename=data.csv">  ');
csvWin.document.write(csvString);
Run Code Online (Sandbox Code Playgroud)

javascript export-to-csv

75
推荐指数
4
解决办法
12万
查看次数

在javascript中获取上传文件的数据

我想上传一个csv文件并处理该文件中的数据.这样做的最佳方法是什么?我不喜欢使用PHP脚本.我做了以下步骤.但是这个方法只返回文件名而不是文件路径.所以我没有得到所需的输出.

<form id='importPfForm'>
<input type='file' name='datafile' size='20'>
<input type='button' value='IMPORT' onclick='importPortfolioFunction()'/>
</form>

function importPortfolioFunction( arg ) {
    var f = document.getElementById( 'importPfForm' );
    var fileName= f.datafile.value;   
}
Run Code Online (Sandbox Code Playgroud)

那么如何才能获得该文件中的数据?

html javascript ajax file-upload

42
推荐指数
4
解决办法
13万
查看次数

标签 统计

javascript ×2

ajax ×1

export-to-csv ×1

file-upload ×1

html ×1