5+app项目中前端生成的blob文件以数组形式上传到后端

在5+APP项目的前端开发中，如果你有一个需要用户上传 Blob 文件（二进制数据）的情况，通常会按照以下步骤操作：

1. 用户选择文件：前端通过HTML `<input type="file">` 元素让用户选择文件，这将生成File或Blob对象。

2. 预处理文件：前端对选中的文件进行预处理，比如读取内容并转换成ArrayBuffer或Data URL。Blob对象可以直接转换为ArrayBuffer，示例代码如下：

let file = document.querySelector('input[type=file]').files[0];
let reader = new FileReader();
reader.readAsArrayBuffer(file);
reader.onload = function (event) {
  let arrayBuffer = event.target.result;
  // 现在你有了一个ArrayBuffer作为数组的形式
};

3. 将ArrayBuffer转化为JSON数组：如果需要以数组的形式传输，可以将其转换为Base64字符串或者序列化为JSON对象，例如使用`btoa`函数：

let base64String = btoa(String.fromCharCode.apply(null, new Uint8Array(arrayBuffer)));
// 或者序列化为JSON
let jsonArray = JSON.stringify({ data: new Uint8Array(arrayBuffer).slice(0, -1).toString('base64') });

4. 发送到后端：使用fetch API或其他HTTP库将JSON字符串或者其他合适的数据格式发送到服务器。例如：

let formData = new FormData();
formData.append('file', JSON.stringify(jsonArray)); // 如果是JSON串
fetch('/api/upload', {
  method: 'POST',
  body: formData,
}).then(response => response.json());