JS生成txt文件并下载

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

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

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

/*

* 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字符串下载

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);

  }

}

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);

  }

}

You may also like

  • hestiacp更改mariadb版本
  • 解决企业微信启动报错:0x0000142无法打开,企业微信,邮箱大师安装点击无反应,打不开的解决方法
  • 硬盘显示“位置不可用:拒绝访问,无法访问i 拒绝访问,解决办法
  • win10关闭自动更新最简方法
  • LibreOffice设置安装中文方法
  • s999.JPG, Jan 2025 晶晨芯片s922,s912,s905x4,s905x3,s905x2,s905l3a/s905l3a-b,s905d/s905l3/s905l3b比较
  • 手动挡换挡位置说明
  • Wappalyzer一个好工具,记录下