js导出数据为文件的方法
墨初 Web前端 1007阅读
前端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);