JS前端实现点击按钮生成并下载txt文件

转载文章：javascript实现生成并下载txt文件

      saveInfo(){
          var filename = this.locationNum + '_' +this.deviceNum + '_' + 'info.txt'
          console.log(filename)
          var text ='温度：' + this.temp +',' + '湿度：'+this.hum+','+'光照：'+this.light+','+'二氧化碳浓度：' 
                    + this.co2+','+'电池电量：'+this.battery
        console.log(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)
      }

创建库，FileSaver.js在不支持saveAs()的FileSaver接口的浏览器中实现它。如果您需要保存更大的文件，或者BLOB的大小限制，或者没有足够的内存，那么请看一看更高级的StreamSaver.js，它可以使用新的StreamsAPI的强大功能将数据直接异步保存到硬盘中。同时支持进度查看，取消和何时完成。
下面的代码段允许您生成一个文件(具有任何扩展名)并下载它，而无需链接任何服务器：
####未操作

var content = "What's up , hello world";
// any kind of extension (.txt,.cpp,.cs,.bat)
var filename = "hello.txt";
 
var blob = new Blob([content], {
 type: "text/plain;charset=utf-8"
});
 
saveAs(blob, filename);

想在下载的txt里带回车有解决办法

function importTxt(txt) {
    var json = txt.split('\n');
    var blob = new Blob([json.join('\r\n')], { type: "text/plain;charset=utf-8" });
    saveAs(blob, "phone.txt");
}