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('图片的绝对路径')