JavaScript生成Txt文件并下载

发表于 更新于 分类于 ， Waline： 本文字数： 1.4k 阅读时长 ≈ 1 分钟

JS代码

1
2
3
4
5
6
7
8
9
10
// 启动浏览器下载,文件名为filename,文件内容text中的内容
function download(filename, text) {
    var element = document.createElement('a');
    element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
    element.setAttribute('download', filename);
    element.style.display = 'none';
    document.body.appendChild(element);
    element.click();
    document.body.removeChild(element);
}

示例

1
2
3
4
5
6
7
8
9
10
11
12
13
<button onclick="download('helloworld.txt','HelloWorld')">下载</button>
<script>
// 启动浏览器下载,文件名为filename,文件内容text中的内容
function download(filename, text) {
    var element = document.createElement('a');
    element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
    element.setAttribute('download', filename);
    element.style.display = 'none';
    document.body.appendChild(element);
    element.click();
    document.body.removeChild(element);
}
</script>

效果

点击如下的下载按钮会下载helloworld.txt到浏览器中设置的下载位置.

参考资料

https://www.jianshu.com/p/e856f564e44c