前端base64转图片并显示

你可以使用JavaScript的atob()函数将Base64编码转换为二进制数据，然后将其转换为Blob对象，并创建一个URL，将其赋值给Image对象的src属性来显示图片。以下是一个示例代码：

HTML：

<img id="myImage" />

JavaScript：

// Base64编码的图片数据
var base64Image = "data:image/png;base64,iVBORw0KG...";

// 将Base64编码转换为二进制数据
var binaryImage = atob(base64Image.split(',')[1]);

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

// 创建URL
var imageUrl = URL.createObjectURL(blobImage);

// 显示图片
document.getElementById("myImage").src = imageUrl;

这将在页面上显示一个Base64编码为PNG格式的图片。注意，如果您想在页面上显示多个Base64编码的图片，最好使用一个单独的函数来处理它们，以避免重复的代码。