前端base64转图片
时间: 2023-08-16 22:07:50 浏览: 222
base64转化为图片保存到本地
4星 · 用户满意度95%
前端可以通过使用JavaScript将Base64编码的图像数据转换为图片。以下是一个简单的示例代码:
```javascript
// Base64编码的图像数据
var base64Data = "data:image/png;base64,iVBORw0KG...";
// 创建一个新的Image对象
var img = new Image();
// 设置Image对象的src为Base64编码的图像数据
img.src = base64Data;
// 等待图像加载完成后执行回调函数
img.onload = function() {
// 在DOM中添加图像元素
document.body.appendChild(img);
};
```
这段代码将Base64编码的图像数据赋值给一个新创建的Image对象的src属性,然后等待图像加载完成后将图像元素添加到DOM中。你可以根据需要修改代码来适应你的项目。
阅读全文