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

其他各种类型

相关推荐
李剑一2 分钟前
面试官:Vue 中 data 属性为什么是一个函数而不是对象?
前端·面试
默默地离开3 分钟前
小编第一次面试吓尿了,赶快来写篇文章压压经
前端·面试·程序员
7VI5 分钟前
ruoyi数据权限@DataPermission源码解析
前端
G等你下课9 分钟前
基于 Transformer.js 的浏览器端文本转语音应用
前端·aigc
阿夹克斯10 分钟前
MixOne - 绕开Electron的IPC,高效开发Electron桌面应用的工具推荐
前端
前端没钱10 分钟前
白嫖党的快乐,我在安卓手机上搭了服务器+内网穿透,再也不用买服务器了
前端·后端
onejason10 分钟前
利用 Python 爬虫获取淘宝商品评论实战指南
前端·后端·python
七十二時_阿川11 分钟前
React 状态管理之useReducer
前端·程序员
Juchecar34 分钟前
Node.js 项目 TypeScript + express 实现 Web 服务端返回文件内容
javascript
ITMan彪叔35 分钟前
uniapp 微信小程序 调试
前端