后台返回的base64的图片格式,前端如何转为普通的图片格式

前端可以通过创建一个新的Image对象，并将base64格式的图片赋值给它的src属性，然后在加载完成后将其绘制到canvas上，最后通过canvas的toDataURL()方法将图片转换为普通的图片格式。以下是一个示例代码：

// 获取后台返回的base64字符串
const base64Img = 'data:image/png;base64,iVBORw0KG...';

// 创建一个Image对象
const img = new Image();

// 设置Image对象的src属性
img.src = base64Img;

// 等待图片加载完成
img.onload = function() {
  // 创建一个canvas元素
  const canvas = document.createElement('canvas');
  canvas.width = img.width;
  canvas.height = img.height;

  // 将图片绘制到canvas上
  const ctx = canvas.getContext('2d');
  ctx.drawImage(img, 0, 0);

  // 将canvas转换为普通的图片格式
  const newImg = new Image();
  newImg.src = canvas.toDataURL('image/png');

  // 在页面中显示转换后的图片
  document.body.appendChild(newImg);
};