koa.js 如何实现文件上传的断点续传？ - 前端面试题

Koa.js 是一个轻量级的 Node.js web 框架，用于构建快速的 web 应用和 API。要在 Koa.js 中实现文件上传的断点续传，我们需要使用额外的中间件和库来管理文件的分片上传和断点续传的逻辑。下面是实现这个功能的一般步骤：

1. 选择合适的中间件和库

使用 koa-body 或 koa-multer 中间件来处理文件上传。
选择支持断点续传的库，如 tus-node-server 或是使用流来手动处理。

2. 设置文件上传中间件

javascript
const Koa = require('koa');
const koaBody = require('koa-body');

const app = new Koa();

app.use(koaBody({
  multipart: true,
  formidable: {
    // 设置临时文件夹，用于保存上传的文件
    uploadDir: './uploads',
    keepExtensions: true,
  }
}));

3. 实现分片上传逻辑

分片的处理可以通过前端上传时携带分片信息，并在后端进行相应的处理：

javascript
app.use(async ctx => {
  if (ctx.url === '/upload' && ctx.method === 'POST') {
    // 获取上传文件
    const file = ctx.request.files.file;
    const { name, path } = file;
  
    // 获取分片信息等其他元数据，比如分片索引、总分片数、文件标识符等
    const { index, total, identifier } = ctx.request.body;

    // 根据文件标识符和分片索引生成分片的唯一存储路径
    const chunkPath = `./uploads/${identifier}_${index}`;

    // 将上传的分片文件移动到分片存储路径
    const fs = require('fs');
    const readable = fs.createReadStream(path);
    const writable = fs.createWriteStream(chunkPath);
    readable.pipe(writable);

    // 确认分片上传成功后，可以删除原上传的临时文件
    fs.unlink(path, (err) => {
      if (err) throw err;
    });

    ctx.body = '分片上传成功';
  }
});

4. 断点续传和文件重组逻辑

保存文件分片信息，可以使用数据库或者文件系统。
定期检查已上传的分片，提供断点续传的信息给前端。
前端在上传前检查已上传的分片，只上传未完成的部分。
全部分片上传完毕后，后端合并分片。

javascript
// 假设有一个合并分片的方法
async function mergeChunks(chunks, dest) {
  // 合并所有分片
  // ...
}

app.use(async ctx => {
  if (ctx.url === '/merge' && ctx.method === 'POST') {
    const { identifier, total } = ctx.request.body;
    const chunks = [];
    for (let i = 0; i < total; i++) {
      chunks.push(`./uploads/${identifier}_${i}`);
    }

    // 调用合并分片的方法
    await mergeChunks(chunks, `./uploads/${identifier}.final`);

    ctx.body = '文件上传和合并成功';
  }
});

5. 处理异常和错误

在整个上传、续传、合并的过程中，要对可能发生的异常和错误进行处理，确保系统的稳定性。

6. 前端实现

前端需要使用支持断点续传的库（如 tus-js-client）或自己实现相关逻辑，包括如何分片、如何处理续传以及如何在上传完成后提示用户。

以上是在 Koa.js 中实现文件上传断点续传的大体步骤。实际的逻辑可能会更加复杂，包括如何确保并发上传时分片的正确性，如何处理网络异常等多种情况。