vue如何解析后台传回的文件流

最新推荐文章于 2024-04-19 11:33:24 发布

累了要吃肉丶

最新推荐文章于 2024-04-19 11:33:24 发布

阅读量1.8k

点赞数 10

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_43610311/article/details/134644568

本文介绍了如何在axios的请求拦截器中识别文件下载接口并设置响应类型为blob，随后详细讲解了如何将blob转换为base64以便于处理和展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、配置axios的响应类型

请求拦截器中增加代码，判断如何调用的接口是文件下载接口
将响应类型设置成blob
config.responseType = 'blob'

二、将获取回来的文件流转换成base64

blobToBase64(blob) {
	return new Promise((resolve, reject) => 
	const fileReader = new FileReader();
	fileReader.onload = e => {
		resolve(e.target.result);
	}
	fileReader.readAsDataURL(blob);
	fileReader.onerror = () => {
		reject(new Error(文件流异常'));
	}
}