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

最新推荐文章于 2024-04-29 21:35:15 发布

我还能再卷一点

最新推荐文章于 2024-04-29 21:35:15 发布

阅读量1.4k

点赞数 10

文章标签： vue.js 前端 javascript

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

版权

一、配置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(文件流异常'));
	}
}