vue base64转文件流

在 Vue 中将 Base64 转换为文件流可以使用以下方法：

1. 将 Base64 字符串转换为 Blob 对象：

function base64ToBlob(base64String) {
  const byteCharacters = atob(base64String.split(',')[1]);
  const byteArrays = [];
  for (let offset = 0; offset < byteCharacters.length; offset += 1024) {
    const slice = byteCharacters.slice(offset, offset + 1024);
    const byteNumbers = new Array(slice.length);
    for (let i = 0; i < slice.length; i++) {
      byteNumbers[i] = slice.charCodeAt(i);
    }
    const byteArray = new Uint8Array(byteNumbers);
    byteArrays.push(byteArray);
  }
  return new Blob(byteArrays, { type: 'image/jpeg' });
}

2. 将 Blob 对象转换为文件流：

function blobToFile(blob, fileName) {
  const file = new File([blob], fileName, { type: blob.type });
  return file;
}

在 Vue 组件中，可以使用以下代码处理 Base64 字符串并将其转换为文件流：

export default {
  methods: {
    handleBase64String(base64String) {
      const blob = this.base64ToBlob(base64String);
      const file = this.blobToFile(blob, 'file.jpg');
      // 然后可以将文件流用于上传或其他操作
    },
    base64ToBlob(base64String) {
      const byteCharacters = atob(base64String.split(',')[1]);
      const byteArrays = [];
      for (let offset = 0; offset < byteCharacters.length; offset += 1024) {
        const slice = byteCharacters.slice(offset, offset + 1024);
        const byteNumbers = new Array(slice.length);
        for (let i = 0; i < slice.length; i++) {
          byteNumbers[i] = slice.charCodeAt(i);
        }
        const byteArray = new Uint8Array(byteNumbers);
        byteArrays.push(byteArray);
      }
      return new Blob(byteArrays, { type: 'image/jpeg' });
    },
    blobToFile(blob, fileName) {
      const file = new File([blob], fileName, { type: blob.type });
      return file;
    },
  },
};

请注意，在示例代码中，我们将文件名硬编码为 `file.jpg`，但实际上您可以根据需要更改文件名称。