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

其他各种类型

相关推荐
Van_Moonlight1 分钟前
RN for OpenHarmony 实战 TodoList 项目:顶部导航栏
javascript·开源·harmonyos
技术狂小子1 分钟前
前端开发中那些看似微不足道却影响体验的细节
javascript
用户12039112947261 分钟前
使用 Tailwind CSS 构建现代登录页面:从 Vite 配置到 React 交互细节
前端·javascript·react.js
杨进军1 分钟前
模拟 Taro 实现编译多端样式文件
前端·taro
幽络源小助理19 分钟前
SpringBoot+Vue车票管理系统源码下载 – 幽络源免费项目实战代码
vue.js·spring boot·后端
小夏卷编程22 分钟前
jeecg boot 路由缓存失效问题
vue.js·缓存
阿珊和她的猫24 分钟前
React Hooks:革新组件开发的优势与实践
前端·react.js·状态模式
全栈技术负责人25 分钟前
AI时代前端工程师的转型之路
前端·人工智能
花归去43 分钟前
echarts 柱状图曲线图
开发语言·前端·javascript
喝拿铁写前端43 分钟前
当 AI 会写代码之后,我们应该怎么“管”它?
前端·人工智能