前端base64转文件流并发送文件流给后端

前端可以通过以下步骤将base64字符串转为文件流并发送给后端：

1. 将base64字符串转为Blob对象

const base64Str = 'data:image/png;base64,iVBORw0KGg....'; // 假设这是base64字符串
const arr = base64Str.split(',');
const mime = arr[0].match(/:(.*?);/)[1]; // 获取文件类型
const bstr = atob(arr[1]); // 将base64字符串转为二进制字符串
let n = bstr.length;
const u8arr = new Uint8Array(n); // 创建一个长度为n的Uint8Array类型数组
while (n--) {
  u8arr[n] = bstr.charCodeAt(n); // 逐位填充数组
}
const blob = new Blob([u8arr], { type: mime }); // 将数组转为Blob对象

2. 将Blob对象转为文件流

const file = new File([blob], 'file.png', { type: mime }); // 将Blob对象转为File对象，用于上传
const reader = new FileReader();
reader.onload = function(e) {
  const fileStream = e.target.result; // 将File对象转为文件流
  // 发送文件流给后端
};
reader.readAsArrayBuffer(file);

3. 发送文件流给后端

最后一步可以通过Ajax请求、Fetch API或WebSocket等技术实现。以Ajax为例：

const xhr = new XMLHttpRequest();
xhr.open('POST', '/upload', true);
xhr.setRequestHeader('Content-Type', 'application/octet-stream');
xhr.send(fileStream);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log('上传成功');
  }
};

注意，上传文件时需要设置请求头的Content-Type为application/octet-stream。当然，具体的请求头可能需要根据后端的要求进行调整。