js base64转图片

作者：醉眼看苍生发布日期:2025-04-29 浏览:45

// 将Base64字符串转换为图片并显示在页面上

// 假设我们有一个Base64编码的图片字符串
const base64String = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA..."; // 这里省略了完整的Base64字符串

// 创建一个img元素
const img = document.createElement("img");

// 设置img元素的src属性为Base64字符串
img.src = base64String;

// 将img元素添加到页面中
document.body.appendChild(img);

// 解释说明：
// 1. Base64编码的图片字符串通常以"data:image/{type};base64,"开头，后面跟着实际的Base64编码数据。
// 2. 我们创建了一个新的img元素，并将其src属性设置为Base64字符串。
// 3. 最后，我们将这个img元素添加到页面中，这样图片就会显示出来。

如果需要更复杂的操作，比如将Base64字符串保存为文件或上传到服务器，可以进一步扩展代码。

上一篇：js base64 中文

下一篇：js base64.encode