上传文件后端返回的是二进制流

上传文件后端返回的数据类型取决于后端代码的实现。通常情况下，后端会将上传的文件保存在服务器上，并返回一个包含文件信息的 JSON 对象，其中可能包含文件的 URL、文件名、大小、类型等信息。这个 JSON 对象可以通过 HTTP 响应的方式返回给前端，前端可以解析这个 JSON 对象，根据其中的 URL 或其他信息来访问上传的文件。

如果后端返回的是二进制流，则前端需要使用相应的工具库将二进制流转换为文件。例如可以使用 FileSaver.js 库来将二进制流保存为文件，或者使用 FileReader 对象来读取二进制流并将其转换为字符串或 Blob 对象。

相关问题

后端如何缓存前端传来的二进制流

后端可以使用流式上传技术缓存前端传来的二进制流。流式上传是一种将文件或二进制数据分块上传到服务器的技术，它可以有效地减少内存占用和网络带宽的消耗。

以下是一个基于Node.js的示例代码，演示如何使用流式上传技术缓存前端传来的二进制流：

const http = require('http');
const fs = require('fs');

http.createServer((req, res) => {
  if (req.method === 'POST') {
    // 创建可写流
    const writableStream = fs.createWriteStream('data.bin');
    // 接收数据块
    req.on('data', chunk => {
      // 将数据块写入可写流
      writableStream.write(chunk);
    });
    // 接收完毕
    req.on('end', () => {
      // 关闭可写流
      writableStream.end();
      // 返回响应
      res.writeHead(200, { 'Content-Type': 'text/plain' });
      res.end('Upload complete');
    });
  } else {
    // 返回表单页面
    res.writeHead(200, { 'Content-Type': 'text/html' });
    res.end(`
      <form method="post" action="/" enctype="multipart/form-data">
        <input type="file" name="file">
        <button type="submit">Upload</button>
      </form>
    `);
  }
}).listen(3000, () => {
  console.log('Server started');
});

以上代码中，我们创建了一个HTTP服务器，并在其中处理POST请求。当收到POST请求时，我们创建了一个可写流，并通过req.on('data', callback)方法接收数据块，然后将其写入可写流中。当数据接收完毕时，我们关闭可写流，并返回响应。在实际应用中，我们可以将数据块写入缓存文件或数据库中，以实现数据的持久化存储。

el-upload 附件回显二进制流

el-upload 是 Element UI 中的一个组件，用于实现文件上传功能。附件回显二进制流的实现方式如下：

1. 首先，你需要在 el-upload 组件中设置 action 属性为一个接收文件上传请求的后端接口地址。

2. 在后端接口中，接收到文件上传请求后，可以将文件保存到服务器的某个路径下，并生成一个唯一的文件标识符。

3. 在前端，el-upload 组件会触发一个 success 事件，你可以在该事件的回调函数中获取到上传成功后的文件信息。

4. 将文件标识符发送给后端，请求获取该文件的二进制流数据。

5. 后端根据文件标识符找到对应的文件，并将文件的二进制流数据返回给前端。

6. 前端可以通过 FileReader 对象将二进制流数据转换为可读取的文件对象。

7. 最后，你可以使用 FileReader 对象读取文件对象的内容，并进行相应的操作，比如显示在页面上或者进行其他处理。