hi,欢迎访问本站!
当前位置: 首页Web前端正文

js导出数据为文件的方法

墨初 Web前端 760阅读

前端web中的某些数据,有时候需要我们进行导出,并以文件的形式下载到本地。虽然导出内容有很多种方法,下面就介绍一种利用js脚本来实现的方法,代码简单也好理解。

js生成并导出内容为txt文件

先用js脚本定义一个用来保存数据到本地的自定义函数,导出数据时只需要调用这个函数即可。

1、自定义JS导出数据函数

/**
 * @param data 需要保存的内容
 * @param name 保存的文件名 
 * 
 * @host 73so.com
 */
function savefiles(data, name) 
{
//Blob为js的一个对象,表示一个不可变的, 原始数据的类似文件对象,这是创建文件中不可缺少的!
  var urlObject = window.URL || window.webkitURL || window;
  var export_blob = new Blob([data]);
  var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a")
  save_link.href = urlObject.createObjectURL(export_blob);
  save_link.download = name;
  save_link.click();
}

2、调用上面js自定义的保存文件函数

$data = '这里是保存到文件的内容,可以用JS的其它方法获取到';
$name = '保存的文件名.txt';
savefiles(data, name);
声明:无特别说明,转载请标明本文来源!
相关推荐