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格式使用

其他各种类型

相关推荐
顺丰同城前端技术团队9 分钟前
DeepSeek 国产大模型新标杆
前端·后端·程序员
Java水解10 分钟前
微前端架构:从单体到模块化的前端新革命
前端
Mr_汪12 分钟前
uniapp使用h5的map(已弃用)
前端
前端进阶者15 分钟前
vite调试node_modules下面插件
前端·vite
YaHuiLiang23 分钟前
小微互联网公司与互联网创业公司 -- 学历之殇
前端·后端·面试
用户261245834016126 分钟前
vue学习路线(11.watch对比computed)
前端·vue.js
CAD老兵32 分钟前
前端 Source Map 原理与结构详解
前端
gnip36 分钟前
markdown预览自定义扩展实现
前端·javascript
大猫会长1 小时前
mac中创建 .command 文件,执行node服务
前端·chrome
旧时光_1 小时前
Zustand 状态管理库完全指南 - 进阶篇
前端·react.js