vue项目中使用file-saver生成各种文件导出

第一步先现在插件file-saver

npm install file-saver

之后就是导入file-saver

import FileSaver from 'file-saver'

这个方法是生成下载了一个json文件

// 文件流生成本地JSON文件

export function fileBolbJson(data, fileName){

/**

* data: 封装好的json数据

* JSON.stringify(data, null, 2): 格式化json数据 方便阅读

* new Blob(parame1, parame2): 转为Blob文件流.

* parame1 [] 数据源

* parame2 文件流类型

*/

const blob = new Blob([JSON.stringify(data, null, 2)], {type: 'application/json'})

/**

* FileSaver.saveAs(parame1, parame2) 浏览器保存文件

* parame1: Blob文件流

* parame2:文件名

*/

FileSaver.saveAs(blob, fileName)

}

当然还有别的各种格式我写了部分使用其他的可以改变type格式使用

其他各种类型

相关推荐
帅小伙―苏4 小时前
力扣42接雨水
前端·算法·leetcode
糯米团子7494 小时前
react速通-2
前端·react.js·前端框架
糯米团子7494 小时前
react速通-3
javascript·react.js·前端框架
心连欣4 小时前
从静态页面到动态交互:DOM操作的核心API解析
前端·javascript·api
橙某人4 小时前
SSR页面上的按钮点不了?Nuxt 懒加载水合揭秘💧
前端·vue.js·nuxt.js
零瓶水Herwt4 小时前
Javascript常用设计模式
javascript
PursuitofHappiness4 小时前
2 tree-cli 的使用方法
前端
风骏时光牛马4 小时前
C Shell脚本编程与系统管理技术实践指南
javascript
烛衔溟4 小时前
TypeScript this 参数类型与全局 this
javascript·ubuntu·typescript
不做超级小白4 小时前
把图片压小,但不糊:reduceUrImgs项目关键点拆解
前端·开源·node.js