Javascript:从页面内的内容将数据下载到文件

Question

设置如下:我有一个主页，其中显示一个使用页面内逗号分隔值构建的图表。我想让用户能够将数据下载为 cvs 文件，而无需再次联系服务器。 (因为数据已经存在)这有可能吗？我更喜欢纯 JavaScript 解决方案。

到目前为止我发现:http://pixelgraphics.us/downloadify/test.html但它涉及我想避免的闪光。

我无法想象这个问题以前没有被问过。很抱歉重复发帖，但似乎我使用了错误的关键字或其他内容 - 我在这些论坛中没有找到解决方案。

Answer 1

在 Safari 5、Firefox 6、Opera 12、Chrome 26 上测试。

<a id='a'>Download CSV</a>
<script>
    var csv = 'a,b,c\n1,2,3\n';
    var a = document.getElementById('a');
    a.href='data:text/csv;base64,' + btoa(csv);
</script>

<小时/>

HTML5

<a id='a' download='Download.csv' type='text/csv'>Download CSV</a>
<script>
    var csv = 'a,b,c\n1,2,3\n';
    var data = new Blob([csv]);
    var a = document.getElementById('a');
    a.href = URL.createObjectURL(data);
</script>