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);

相关问题

vue下载base64图片文件流

以下是使用Vue下载base64图片文件流的方法：

<template>
  <div>
    <button @click="downloadImg">下载图片</button>
  </div>
</template>

<script>
export default {
  methods: {
    downloadImg() {
      // 假设base64图片数据已经存在于imgData变量中
      let imgData = 'data:image/png;base64,iVBORw0KG...';
      let fileName = 'test.png'; // 下载的文件名

      // 将base64转换为Blob流
      let byteString = atob(imgData.split(',')[1]);
      let ab = new ArrayBuffer(byteString.length);
      let ia = new Uint8Array(ab);
      for (let i = 0; i < byteString.length; i++) {
        ia[i] = byteString.charCodeAt(i);
      }
      let blob = new Blob([ab], { type: 'image/png' });

      // 创建下载链接并模拟点击下载
      let url = URL.createObjectURL(blob);
      let link = document.createElement('a');
      link.href = url;
      link.download = fileName;
      link.click();
      URL.revokeObjectURL(url);
    }
  }
}
</script>

js base64转图片文件

在JavaScript中，可以使用base64编码将图片数据转换为字符串，也可以将字符串转换回图片数据。下面是一些方法和步骤，可以将base64编码转换为图片文件：

1. 首先，需要定义一个函数，将base64编码转换为图片文件。可以使用以下代码：

function base64ToImage(base64) {
  var img = new Image();
  img.src = base64;
  return img;
}

2. 然后，需要将base64编码转换为可用的图片数据。可以使用以下代码：

function base64ToImageData(base64) {
  var imageData = atob(base64.split(',')[1]);
  var arrayBuffer = new ArrayBuffer(imageData.length);
  var uint8Array = new Uint8Array(arrayBuffer);
  for (var i = 0; i < imageData.length; i++) {
    uint8Array[i] = imageData.charCodeAt(i);
  }
  return new Blob([arrayBuffer], {type: 'image/png'});
}

3. 最后，可以将图片数据显示在网页上。可以使用以下代码：

var dataurl = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD...";
var img = base64ToImage(dataurl);
document.body.appendChild(img);