js下载base64图片到本地

在JavaScript中，可以通过创建一个链接并设置其href属性为base64编码的图片数据来实现下载base64图片到本地的功能。以下是一个简单的示例代码：

function downloadBase64Image(base64Data, fileName) {
  // 创建一个虚拟的a标签
  var link = document.createElement('a');
  link.href = base64Data;
  link.download = fileName;

  // 触发点击事件进行下载
  link.click();
}

// 调用函数下载base64图片
var base64Data = 'data:image/png;base64,iVBORw0KG...'; // 这里替换为你的base64图片数据
var fileName = 'image.png'; // 下载的文件名
downloadBase64Image(base64Data, fileName);

上述代码中，`downloadBase64Image`函数接受两个参数：`base64Data`表示base64编码的图片数据，`fileName`表示下载后保存的文件名。函数内部通过创建一个虚拟的a标签，将其href属性设置为base64数据，并设置download属性为文件名，然后触发点击事件进行下载。

相关问题

js下载base64图片

可以使用JavaScript的Blob对象和URL.createObjectURL()方法来实现将base64图片下载到本地。具体实现步骤如下：

1. 将base64图片数据转换为Blob对象。

function base64ToBlob(base64Data, contentType) {
  contentType = contentType || '';
  var sliceSize = 1024;
  var byteCharacters = atob(base64Data);
  var bytesLength = byteCharacters.length;
  var slicesCount = Math.ceil(bytesLength / sliceSize);
  var byteArrays = new Array(slicesCount);

  for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
    var begin = sliceIndex * sliceSize;
    var end = Math.min(begin + sliceSize, bytesLength);

    var bytes = new Array(end - begin);
    for (var offset = begin, i = 0 ; offset < end; ++i, ++offset) {
      bytes[i] = byteCharacters[offset].charCodeAt(0);
    }
    byteArrays[sliceIndex] = new Uint8Array(bytes);
  }

  return new Blob(byteArrays, { type: contentType });
}

2. 创建URL对象并使用a标签模拟点击下载链接。

function downloadBase64Image(base64Data, fileName) {
  var link = document.createElement('a');
  link.download = fileName;
  link.href = URL.createObjectURL(base64ToBlob(base64Data));
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}

使用示例：

downloadBase64Image('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAADElEQVQI12N4+y8BAAD9AAnqFDrcAAAAAElFTkSuQmCC', 'test.png');

此方法可将base64格式的图片下载到本地，支持常见的图片格式，如png、jpeg等。

js下载base64图片文件

可以使用以下代码将 base64 图片文件下载为本地文件：

function downloadBase64File(base64Data, fileName) {
  const link = document.createElement('a');
  link.href = base64Data;
  link.download = fileName;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}

其中，`base64Data` 是 base64 编码的图片数据，`fileName` 是要保存的文件名。

例如，如果要下载名为 `image.png` 的 base64 图片文件，可以使用以下代码：

const base64Data = 'data:image/png;base64,iVBORw0KG...';
const fileName = 'image.png';
downloadBase64File(base64Data, fileName);