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

其他各种类型

相关推荐
weixin_427771613 小时前
css font-size 的妙用
前端·css
凤凰战士芭比Q3 小时前
web中间件——Nginx
前端·nginx·中间件
一 乐4 小时前
点餐|智能点餐系统|基于java+ Springboot的动端的点餐系统小程序(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·小程序·论文
视图猿人4 小时前
RxJS基本使用及在next.js中使用的例子
开发语言·javascript
bitbitDown5 小时前
从零打造一个 Vite 脚手架工具:比你想象的简单多了
前端·javascript·面试
liangshanbo12155 小时前
CSS 数学函数完全指南:从基础计算到高级动画
前端·css
码上成长6 小时前
GraphQL:让前端自己决定要什么数据
前端·后端·graphql
冴羽6 小时前
为什么在 JavaScript 中 NaN !== NaN?背后藏着 40 年的技术故事
前端·javascript·node.js
久爱@勿忘6 小时前
vue下载项目内静态文件
前端·javascript·vue.js
前端炒粉6 小时前
21.搜索二维矩阵 II
前端·javascript·算法·矩阵