将文本区域的内容保存为带有.csv扩展名的纯txt

Save content of textarea as plain txt with .csv extension

本文关键字:csv 扩展名 txt 保存 区域 文本      更新时间:2023-09-26

有没有办法使用 HTML5 将内容保存为带有csv file extensiontxt文件?
它不应该是一个真正的csv。

{type:'text/csv'};这样的东西在{type:'text/plain'};行不通的地方行不通。

a 标签的新download属性可以在这里发挥您的优势。 更多信息。

概念验证:

<!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>