js图片base64解码转图片

可以使用canvas来实现将base64编码的图片转换为图片。具体步骤如下：

1. 创建一个Image对象，将base64编码的图片赋值给它的src属性。
2. 等待Image对象加载完成，然后将它绘制到一个canvas上。
3. 使用canvas的toDataURL方法将canvas转换为base64编码的图片。
4. 创建一个新的Image对象，将第3步得到的base64编码赋值给它的src属性，即可显示图片。

以下是示例代码：

function base64ToImage(base64) {
  return new Promise((resolve, reject) => {
    const img = new Image();
    img.onload = () => {
      const canvas = document.createElement('canvas');
      canvas.width = img.width;
      canvas.height = img.height;
      const ctx = canvas.getContext('2d');
      ctx.drawImage(img, 0, 0);
      const dataURL = canvas.toDataURL();
      const resultImg = new Image();
      resultImg.src = dataURL;
      resolve(resultImg);
    };
    img.onerror = reject;
    img.src = base64;
  });
}

调用示例：

const base64 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...';
base64ToImage(base64).then(img => {
  document.body.appendChild(img);
});