前端如何处理后端传回来的base64

前端可以通过以下步骤处理后端传回来的base64：

1.获取后端传回来的base64字符串。

2.将base64字符串转换为二进制数据，可以使用atob()方法。

3.将二进制数据转换为Blob对象，可以使用new Blob()方法。

4.创建URL对象，将Blob对象转换为URL地址，可以使用URL.createObjectURL()方法。

5.将URL地址赋值给img标签的src属性，即可在前端页面展示图片。

以下是一个处理后端传回来的base64字符串并在前端显示图片的示例代码：

// 获取后端传回来的base64字符串
const base64Str = 'data:image/png;base64,iVBORw0KG...';

// 将base64字符串转换为二进制数据
const binaryStr = atob(base64Str.split(',')[1]);

// 将二进制数据转换为Blob对象
const blob = new Blob([binaryStr], { type: 'image/png' });

// 创建URL对象，将Blob对象转换为URL地址
const imgUrl = URL.createObjectURL(blob);

// 在前端页面展示图片
const img = document.createElement('img');
img.src = imgUrl;
document.body.appendChild(img);