前端base64图片格式转换成png

前端将Base64编码的图片转换成PNG格式通常涉及到解码Base64字符串，然后将其写入到一个新的Blob对象，最后使用FileReader API创建一个Blob URL，这个URL可以用于显示或保存为PNG文件。以下是简单的JavaScript步骤：

1. 解码Base64字符串：

function base64ToBlob(base64Data, contentType) {
  var byteCharacters = atob(base64Data);
  var byteArrays = [];
  for (var offset = 0; offset < byteCharacters.length; offset += 3) {
    var bytePair = byteCharacters.slice(offset, offset + 3);
    var byteValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'].map(function(byteValue) {
      return byteValue.charAt(parseInt(bytePair, 2));
    }).join('');
    byteArrays.push(parseInt(byteValues, 2));
  }
  var byteArray = new Uint8Array(byteArrays);

  return new Blob([byteArray], {type: contentType});
}

2. 将Blob转换为PNG URL：

function blobToPngUrl(blob) {
  return URL.createObjectURL(blob);
}

使用示例：

var base64Image = "your_base64_image_string";
var blob = base64ToBlob(base64Image, "image/png");
var pngUrl = blobToPngUrl(blob);
// 现在你可以将`pngUrl`赋值给img标签的src属性，或者下载到本地