nodejs 手动实现 multipart/byteranges 分块下载

nodejs 实现 multipart/byteranges 分块下载

引言

最近接触到了文件下载,一般默认返回 Content-Type: application/octet-stream 文件流,支持单范围请求,而多范围请求需要自我手动实现。

一、HTTP 范围请求基础

1.1 Range 请求头格式

客户端通过Range请求头指定需要获取的字节范围,格式如下:

http

sql 复制代码
Range: bytes=start-end, start-end
  • 单范围:bytes=0-1023(获取前 1024 字节)

  • 多范围:bytes=0-500, 1000-2000(获取两个不连续范围)

  • 后缀范围:bytes=-500(获取最后 500 字节)

1.2 服务器响应格式

  • 单范围响应 :返回206 Partial Content状态码,包含Content-Range

  • 多范围响应 :返回multipart/byteranges类型,使用 boundary 分隔各块

二、Node.js实现方案

2.1核心实现代码

javascript

解析rang参数,获取分块开始位置和结束位置
javascript 复制代码
const { ctx } = this;
const fileSize, rangeHeader, filePath;

const ranges = [];
let match;
if (rangeHeader.startsWith('bytes=')) {
    match = rangeHeader.replace('bytes=', '').split(',').map(vl => (vl && vl.trim()));
    for (let i = 0; i < match.length; i++) {
        let val = match[i];
        if (val) {
            const [startStr, endStr] = val.split('-');
            let start = Number(startStr);
            let end = endStr ? Number(endStr) : fileSize - 1;
            start = isNaN(start) ? 0 : Math.max(0, start);
            end = isNaN(end) ? fileSize - 1 : Math.min(end, fileSize - 1);
            if (start <= end) {
                ranges.push({ start, end });
            }
        }
    }
}
// 解析不成功,返回失败
if (ranges.length === 0) {
    ctx.status = 416;
    ctx.set('Content-Range', `bytes */${fileSize}`);
    ctx.body = 'Range Not Satisfiable';
    return;
} else if (ranges.length === 1) {
// 只有一块,按单范围返回
    const { start, end } = ranges[0];
    ctx.set('Content-Length', end - start + 1);
    ctx.body = createReadStream(filePath, { start, end });
    return;
}
设置响应头,分块获取文件后拼接响应体
javascript 复制代码
const stream = ctx.res
const boundary = Math.floor(Math.random() * 100000000)
stream.writeHead(206, {
    'Content-Length': contentLength,
    'Content-Type': `multipart/byteranges; boundary=${boundary}`,
    'Accept-Ranges': 'bytes'
})
for (let i = 0; i < ranges.length; i++) {
    const { start, end } = ranges[i];
    stream.write(`--${boundary}\r\n`);
    stream.write(`Content-Type: application/octet-stream\r\n`);
    stream.write(`Content-Range: bytes ${start}-${end}/${fileSize}\r\n\r\n`);
    await new Promise((resolve, reject) => {
        const readStream = createReadStream(filePath, { start, end });
        readStream.on('data', (chunk) => {
            stream.write(chunk);
        })
        readStream.on('close', resolve);
        readStream.on('error', reject);
    });
    stream.write('\r\n');
}
stream.write(`--${boundary}--\r\n`);
stream.end();
相关推荐
惜.己20 小时前
针对nvm不能导致npm和node生效的解决办法
前端·npm·node.js
上单带刀不带妹1 天前
Node.js 的模块化规范是什么?CommonJS 和 ES6 模块有什么区别?
前端·node.js·es6·模块化
cdcdhj1 天前
数据库存储大量的json文件怎么样高效的读取和分页,利用文件缓存办法不占用内存
缓存·node.js·json
HWL56791 天前
在本地使用Node.js和Express框架来连接和操作远程数据库
node.js·express
Sammyyyyy1 天前
Node.js 做 Web 后端优势为什么这么大?
开发语言·前端·javascript·后端·node.js·servbay
妮妮喔妮1 天前
Webpack 有哪些特性?构建速度?如何优化?
前端·webpack·node.js
EndingCoder1 天前
调试技巧:Chrome DevTools 与 Node.js Inspector
javascript·网络·electron·node.js·vim·chrome devtools
子兮曰2 天前
🚀前端环境变量配置:10个让你少加班的实战技巧
前端·node.js·前端工程化
EndingCoder2 天前
数据库集成:使用 SQLite 与 Electron
数据库·electron·sqlite·前端框架·node.js
该用户已不存在2 天前
Node.js 做 Web 后端优势为什么这么大?
javascript·后端·node.js