将textarea的内容保存为纯文本,扩展名为.csv

时间:2014-11-18 13:02:26

标签: javascript html5 file csv filereader

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

{type:'text/csv'};之类的内容不适用于{type:'text/plain'};

1 个答案:

答案 0 :(得分:2)

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>