一、安装插件
npm install file-saver --save
// 如使用ts,安装file-saver的typeScript类型定义
npm install @types/file-saver --save-dev
二、导出的格式类型参考
文件后缀 | Type |
---|---|
application/pdf | |
.doc | application/msword |
.docx | application/vnd.openxmlformats-officedocument.wordprocessingml.document |
.xls | application/vnd.ms-excel |
.xlsx | application/vnd.openxmlformats-officedocument.spreadsheetml.sheet |
.ppt | application/vnd.ms-powerpoint |
.pptx | application/vnd.openxmlformats-officedocument.presentationml.presentation |
三.基本使用
代码如下:
import { saveAs } from 'file-saver'
导出(下载文件):
//⚠️注意:需要配置你需要导出的文件类型
const blob = new Blob(['文件内容'],
{ type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'})
saveAs(blob,'导出的文件名字')
四、案例
import axios from 'axios'
import { saveAs } from 'file-saver'
axios({
method: 'get',
url: url,
responseType: 'blob',
//注入token流,需要添加不需要则无需添加。
headers: { 'Authorization': 'Bearer ' + getToken() }
}).then(async (res) => {
const blob = new Blob([res.data], { type: 'application/vnd.openxmlformats-
officedocument.wordprocessingml.document' })
saveAs(blob, name)
} else {
console.log('接口报错')
}
})