将 textarea 的内容保存为带有 .csv 扩展名的纯 txt答案

【问题标题】：Save content of textarea as plain txt with .csv extension将 textarea 的内容保存为带有 .csv 扩展名的纯 txt
【发布时间】：2014-11-18 13:02:26
【问题描述】：

有没有办法使用 HTML5 将内容保存为带有 csv file extension 的 txt 文件？
它不应该是真正的 csv。

{type:'text/csv'}; 之类的东西在{type:'text/plain'}; 的作用下不起作用。

【问题讨论】：

我不明白你的问题，你能再详细点吗？
我只想创建一个文件并将其另存为 csv，但其内容不应以逗号分隔。
我不明白为什么您不将文件保存为您最喜欢的编辑器中的.csv。您能否就您的问题背景提供更多详细信息？
在将其保存为 csv 之前，我必须添加换行符和一些单词。我不会在编辑器中这样做，因为如果我向其中添加新内容，我不喜欢从头再来。所以我觉得应该可以用js处理一些任务，用html5保存。
我明白了。但是，如果您是为自己执行此操作（即：在本地计算机上），则 javascript 不是您最好的选择，因为它不打算进行操作。请注意filereader 仅对读取操作有用。您是否有机会使用更合适的语言，例如 python ？

标签： javascript html file csv filereader

【解决方案1】：

a 标签的新 download 属性可以在这里发挥您的优势。 More information.

概念证明：

<!doctype html>
<html>
    <head>
        <script type="text/javascript">
            function save() {
                var a = document.createElement('a');
                with (a) {
                    href='data:text/csv;base64,' + btoa(document.getElementById('csv').value);
                    download='csvfile.csv';
                }
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
            }
        </script>
    </head>
    <body>
        <textarea id="csv"></textarea><button onclick="save()">Save</button>
    </body>
</html>

【讨论】：