file-saver导出(下载)

369 阅读1分钟

1.安装(若依已装 可省略)

npm install file-saver --save

2.在组件中使用

import { saveAs } from 'file-saver'  //引入插件
import { blobValidate } from '@/utils/ruoyi' //引入若依的blob类型文件校验(可省略)

3.保存文件(从后端获取文件流)

const isOk = await blobValidate(res.data)   //检验是否为blob类型文件(可省略)
if(isOk){
    const blob = new Blob(res.data)
    saveAs(blob,decodeURI(res.headers['download-filename'])) //saveAs(参数1,参数2):参数1表示文件流 , 参数2表示保存文件的名称(res.headers['后端返回的文件名']表示对从后端返回的文件名进行解码,保证文件名正确显示)
}

预览图片

saveAs('图片的绝对路径')