h5 base64转图片格式

要将H5的Base64编码转换为图片格式，可以使用以下步骤：

1. 获取Base64编码的字符串。
2. 创建一个Image对象。
3. 将Base64编码的字符串赋值给Image对象的src属性。
4. 等待图片加载完成。
5. 在加载完成后，可以将Image对象绘制到Canvas中，然后通过Canvas获取图片数据。
6. 可以将图片数据转换为Blob对象。
7. 最后，可以使用URL.createObjectURL方法将Blob对象转换为图片的URL。

以下是一个示例代码：

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);
      canvas.toBlob(blob => {
        resolve(URL.createObjectURL(blob));
      });
    };
    img.onerror = reject;
    img.src = base64;
  });
}

// 使用示例
const base64String = 'data:image/png;base64,iVBORw0KG...'; // 你的Base64编码字符串
base64ToImage(base64String)
  .then(imageUrl => {
    console.log('转换成功！图片URL:', imageUrl);
    // 在这里可以使用图片URL进行其他操作，比如显示在页面上
  })
  .catch(error => {
    console.error('转换失败:', error);
  });

以上代码将Base64编码的字符串转换为了PNG格式的图片。你可以根据实际情况修改代码，适配不同的图片格式。