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

其他各种类型

相关推荐
Hooray9 小时前
管理后台框架 AI 时代的版本答案,Fantastic-admin 6.0 它来了!
前端·前端框架·ai编程
2501_913680009 小时前
Vue3项目快速接入AI助手的终极方案 - 让你的应用智能升级
前端·vue.js·人工智能·ai·vue·开源软件
开开心心_Every9 小时前
动图制作工具,拆分转视频动态照离线免费
运维·前端·人工智能·edge·pdf·散列表·启发式算法
饭后一颗花生米9 小时前
2026 前端实战:AI 驱动下的性能优化与工程化升级
前端·人工智能·性能优化
YJlio10 小时前
4月14日热点新闻解读:从金融数据到平台治理,一文看懂今天最值得关注的6个信号
java·前端·人工智能·金融·eclipse·电脑·eixv3
xjf771110 小时前
AI重构前端项目指南
前端·ai·重构·编程
踩着两条虫10 小时前
VTJ:应用场景展示
前端·vue.js·架构
夜宵饽饽10 小时前
Agent文件系统检索核心:Grep和Glob工具
javascript·github
恋恋风尘hhh10 小时前
Web 前端安全机制分析:以 Webpack 打包混淆为例
前端·安全·webpack
ywf121510 小时前
Spring aop 五种通知类型
java·前端·spring