js保存base64图片

可以使用以下代码将 base64 图片保存为本地图片：

function saveBase64Image(imgUrl, fileName) {
  // 创建一个 Image 对象
  var img = new Image();
  // 设置图片跨域访问的属性，否则 canvas 无法处理
  img.crossOrigin = 'Anonymous';
  img.onload = function() {
    // 创建一个 canvas 元素
    var canvas = document.createElement('canvas');
    canvas.width = img.width;
    canvas.height = img.height;
    // 获取 canvas 的 2D 上下文
    var context = canvas.getContext('2d');
    // 将图片绘制到 canvas 上
    context.drawImage(img, 0, 0, img.width, img.height);
    // 将 canvas 转换为 base64 数据
    var base64Data = canvas.toDataURL('image/png');
    // 创建一个 a 标签
    var a = document.createElement('a');
    // 将下载链接指定为 base64 数据
    a.href = base64Data;
    // 设置下载的文件名
    a.download = fileName;
    // 触发点击事件进行下载
    a.click();
  };
  // 设置 Image 的 src 属性
  img.src = imgUrl;
}

使用时，只需要传入 base64 图片的地址和要保存的文件名即可：

saveBase64Image('data:image/png;base64,iVBORw0KG...', 'test.png');