js base64转图片

在 JavaScript 中，可以使用以下代码将 Base64 字符串转换为图片：

function base64ToImage(base64String) {
  // 创建 Image 对象
  var img = new Image();

  // 设置图片的源为 Base64 字符串
  img.src = base64String;

  // 返回图片对象
  return img;
}

你可以像这样调用这个函数：

var base64String = "data:image/png;base64,iVBORw0..."; // Base64 字符串

var image = base64ToImage(base64String); // 转换为图片对象

// 将图片对象添加到页面中
document.body.appendChild(image);

在调用 `appendChild` 方法时，将图片对象添加到你想要显示图片的元素中（这里是 `document.body`）。记得将 `base64String` 替换为你实际的 Base64 字符串。

希望对你有帮助！如果还有其他问题，请随时提问。

相关问题

js base64转图片展示

你可以使用JavaScript来将Base64转换为图片并在网页上展示。以下是一个简单的示例代码：

// 获取图片元素
const imgElement = document.getElementById('image');

// Base64转换为图片
function base64ToImage(base64) {
  // 创建一个新的Image对象
  const img = new Image();

  // 设置图片的src为Base64数据
  img.src = base64;

  // 将图片展示在网页上
  img.onload = function() {
    imgElement.src = img.src;
  };
}

// 调用函数将Base64转换为图片并展示
const base64Data = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD...';
base64ToImage(base64Data);

请注意，上述代码中的`'image'`是一个图片元素的id，你需要根据实际情况将其替换为你网页中图片元素的id。

js base64转图片url

可以使用以下代码将 base64 转换为图片 url：

function base64ToImageUrl(base64) {
  const blob = new Blob([base64], { type: 'image/png' });
  const url = URL.createObjectURL(blob);
  return url;
}

其中，`base64` 是 base64 编码的字符串，返回值是图片的 url。