经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JSJS库框架 » JavaScript » 查看文章
nodejs实现范围请求的实现代码
来源:jb51  时间:2018/10/15 9:00:00  对本文有异议

使服务器支持范围请求,允许客户端只请求文档的一部分。其流程是:

  1. 客户端向服务端发起请求
  2. 服务端响应,附上Accept-Ranges头(值表示表示范围的单位,通常是“bytes”),告诉客户端其接受范围请求
  3. 客户端发送新的请求,附上Ranges头,告诉服务端请求的是一个范围
  4. 服务端收到范围请求,分情况响应:
    1. 范围有效,服务端返回206 Partial Content,发送指定范围内内容,并在Content-Range头中指定该范围
    2. 范围无效,服务端返回416 Requested Range Not Satisfiable,并在Content-Range中指明可接受范围

请求中的Ranges头格式为(这里不考虑多范围请求了):

  1. Ranges: bytes=[start]-[end]

其中 start 和 end 并不是必须同时具有:

  • 如果 end 省略,服务器应返回从 start 位置开始之后的所有字节
  • 如果 start 省略,end 值指的就是服务器该返回最后多少个字节
  • 如果均未省略,则服务器返回 start 和 end 之间的字节

响应中的Content-Range头有两种格式:

当范围有效返回 206 时:

  1. Content-Range: bytes (start)-(end)/(total)

当范围无效返回 416 时:

  1. Content-Range: bytes */(total)
  2. //代码实现
  3. res.setHeader('Content-Range', `bytes */${totalSize}`);

添加函数处理范围请求:

【注意】这里吧不合理的范围请求直接设置为返回全部,如果想设置范围错误就直接不返回可以设置http状态码为416

  1. /**
  2. * 范围请求
  3. * 不在合理的范围内就直接返回所有
  4. * 在合理规范的范围内就按照返回对应的部分
  5. * @param {*} totleSize 总的范围
  6. * @param {*} req
  7. * @param {*} res
  8. */
  9. module.exports = (totleSize, req, res) => {
  10. const range = req.headers['range'];
  11. if (!range) {
  12. return {code: 200};
  13. }
  14. const sizes = range.match(/bytes=(\d*)-(\d*)/);
  15. const end = sizes[2] || totleSize - 1;
  16. const start = sizes[1] || totleSize - end;
  17. //不规范的范围,是要直接一起返回,所以设置状态码200
  18. if(start > end || start < 0 || end > totleSize) {
  19. return {code: 200};
  20. }
  21. res.setHeader('Accept-Ranges', 'bytes');
  22. res.setHeader('Content_Range', `bytes ${start}-${end}/${totleSize}`);
  23. res.setHeader('Content_Length', end-start);
  24. return {
  25. code: 206,
  26. start: parseInt(start),
  27. end: parseInt(end)
  28. };
  29. };

范围读取:

  1. let rs;
  2. const { code, start, end } = range(stats.size, req, res);
  3. if (code === 200) {
  4. res.statusCode = 200;
  5. rs = fs.createReadStream(filePath);
  6. } else {
  7. res.statusCode = 206;//表示是部分内容
  8. //创建一个流读取文件, {start, end}表示文件读取的起始点和终点
  9. rs = fs.createReadStream(filePath, { start, end });
  10. }
  11. //有这个pipe就不需要再去调用end了,这样直接调用end会导致res接受不到东西,因为pipe是异步的
  12. rs.pipe(res);

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持w3xue。

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号