JS生成txt文件并下载

2023 年 01 月 16 日

385次浏览

1107字数

> 转载文章，排版可能出现错误，建议到原文阅读：[(30条消息) JS实现下载txt文件_进击的前端小白、的博客-CSDN博客_js下载txt文件](https://blog.csdn.net/dongwei666/article/details/127406142)

# 前言

##### `有时候项目需要下载一些信息，而后端却又不给我提供接口。我们就可以采用下面的方式，将一些信息保存下载到一个txt文件中。下面我们提供两种下载txt的方式。`

# 一、采用a标签的download属性实现下载

- 通过a标签指定文本格式和编码直接下载

```javascript
/*
* fileName: txt文件名称
* content：文件内容(string)
*/
function downloadTxt(fileName, content) {
    let a = document.createElement('a');
    a.href = 'data:text/plain;charset=utf-8,' + content
    a.download = fileName
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
}
```

# 二、通过文件流的形式下载

- 通过FileReader转化为base64字符串下载

```javascript
function downloadTxt(fileName, content) {
   let blob = new Blob([content], {
       type: "text/plain;charset=utf-8"
    });
   let reader = new FileReader();
   reader.readAsDataURL(blob);
   reader.onload = function(e) {
	  let a = document.createElement('a');
	  a.download = fileName;
	  a.href = e.target.result;
	  document.body.appendChild(a);
	  a.click();
	  document.body.removeChild(a);
  }
}
```

最后修改：2023 年 01 月 16 日 09 : 29 AM

要多恰饭才能长胖

JS生成txt文件并下载

发表评论取消回复

CentOS通过yum升级Openssh8.x

欢迎使用 Typecho

甲骨文云 Oracle Cloud 免费 ARM 实例硬盘扩容

OpenVZ架构一键开启BBR加速的方法

libvirt 启用TCP远程连接，windows平台java调用示例

docker快速搭建单机redis和mysql用于测试

相爱100件事

ssh防暴力破解、在线提醒脚本

shell自定义长选项参数，getopt用法及注意事项

AriaNg剪贴板

JS生成txt文件并下载

发表评论 取消回复

JS生成txt文件并下载

发表评论取消回复