浅析Node.js实现HTTP文件下载

更新时间：2016年08月05日 16:59:05 投稿：daisy

本文介绍如何用Node.js来实现HTTP文件下载，文章以实例演示所以很详细，有需要的小伙伴们可以参考学习。

前言

HTTP实现文件下载时，只要在服务器设置好相关响应头，并使用二进制传输文件数据即可，而客户端(浏览器)会根据响应头接收文件数据。而在Node.js中，设置好响应头后，读取文件流，再使用“.pipe()”方法将流转接到响应对象Response就可以实现一个简单的文件下载服务器。

1. 文件下载介绍

HTTP基于请求头和响应头实现状态交互，在得到服务器正确响应状态后，而客户端首先会解析响应头，并根据响应头来接收和展示数据（响应体）。对于文件下载来说，其实现过程如下：

1.客户端发起文件资源请求

2.服务器查找对应文件，并设置”Content-Type”、”Content-Disposition”等响应头，分别用于表示文件的”MIME”类型及文件描述

3.客户端根据服务器返回的响应头解析和接收文件数据

需要设置的响应头

设置文件下载响应头时，除了常用的HTTP响应头外，比较重要是还要设置以下两个响应头：

Content-Type: application/octet-stream
Content-Disposition: attachment; filename=MyFileName.ext

在上面的设置中，”Content-Type: application/octet-stream”告诉浏览器这是一个二进制文件，”Content-Disposition”告诉浏览器这是一个需要下载的附件并告诉浏览器默认的文件名。如果不添加”Content-Disposition”响应头，浏览器可能会下载或显示文件内容，不同浏览器的处理有所不同。

2. Node.js文件下载服务器实现

接下来我们基于Express 框架实现一个简单文件下载服务器，在这个服务器中主要包括两个功能：服务器文件的浏览、文件的下载。

2.1 添加路由

创建Express应用后，添加如下两个路由：

router.get('/files', function(req, res, next) {
 // 显示服务器文件 
});
router.get('/file/:fileName', function(req, res, next) {
 // 实现文件下载 
});

上面的添加的两个路由分别用于：显示服务器文件、实现文件下载。

2.2 显示服务器文件

实现服务器文件的显示，要通过”fs”模块读取文件目录并进行文件/目录检查等。还需要使用”path”模块处理文件路径。首先引入这两个模块：

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

显示服务器文件实现代码如下：

router.get('/files', function(req, res, next) {
 // 显示服务器文件 
 // 文件目录
 var filePath = path.join(__dirname, './');
 fs.readdir(filePath, function(err, results){
  if(err) throw err;
  if(results.length>0) {
   var files = [];
   results.forEach(function(file){
   if(fs.statSync(path.join(filePath, file)).isFile()){
     files.push(file);
   }
   })
   res.render('files', {files:files});
  } else {
   res.end('当前目录下没有文件');
  }
 });
});

上面代码中，读取目录后通过视图文件”files.ejs”显示可下载文件列表。其代码如下：

<!DOCTYPE html>
<html>
 <head>
  <title>下载文件选择</title>
 </head>
 <body>
  <h1>请选择下载文件：</h1>
  <% if(files.length>0) {%>
  <ul>
   <% files.forEach(function(file){ %>
   <li>
    <a href="/file/<%- file %>" target="_blank"><%- file %></a>
   </li>
   <%})%>
  </ul>
  <%} else {%>
  <p>没有可下载文件…</p>
  <%}%>
 </body>
</html>

2.3 实现文件下载

实现文件下载时，可以先读取文件到一个”Buffer”中，再通过”res.send()”或”res.end()”方法发送文件数据，也可以基于流（”Stream”）实现文件数据的发送。使用”Stream”实现文件下载时，可以使用”fs.createReadStream()”方法创建一个可读流，而响应对象Response是一个可写流。这样，只需要通过”.pipe()”方法将文件流转接到Response响应流中即可。

文件下载实现代码如下：

router.get('/file/:fileName', function(req, res, next) {
 // 实现文件下载 
 var fileName = req.params.fileName;
 var filePath = path.join(__dirname, fileName);
 var stats = fs.statSync(filePath); 
 if(stats.isFile()){
  res.set({
   'Content-Type': 'application/octet-stream',
   'Content-Disposition': 'attachment; filename='+fileName,
   'Content-Length': stats.size
  });
  fs.createReadStream(filePath).pipe(res);
 } else {
  res.end(404);
 }
});

总结

以上就是利用Node.js实现HTTP文件下载的全部内容，希望对大家学习Node.js有所帮助。

您可能感兴趣的文章:

Nodejs实战心得之eventproxy模块控制并发
本篇文章给大家分享我的nodejs实战心得，如何使用eventproxy模块控制并发，感兴趣的朋友可以参考下
2015-10-10
基于nodejs res.end和res.send的区别
今天小编就为大家分享一篇基于nodejs res.end和res.send的区别，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-05-05
node版本升级npm命令警告原因及解决
这篇文章主要为大家介绍了node版本升级npm命令警告原因解决，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-06-06
nodejs更新package.json中的dependencies依赖到最新版本的方法
今天小编就为大家分享一篇nodejs更新package.json中的dependencies依赖到最新版本的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-10-10
mac下安装node.js的详细步骤
Node.js本质上是一个JavaScript运行时环境,它提供了在服务器端运行JavaScript代码的能力,这篇文章主要给大家介绍了关于mac下安装node.js的详细步骤,需要的朋友可以参考下
2023-10-10
NodeJS使用递归算法和遍历算法来遍历目录的方法
遍历目录是操作文件时的一个常见需求,比如写一个程序,需要找到并处理指定目录下的所有JS文件时,就需要遍历整个目录,NodeJS遍历目录可以使用递归算法、遍历算法,遍历算法又分为同步遍历、异步遍历两种,本文介绍NodeJS使用递归算法和遍历算法来遍历目录的方法
2023-11-11
利用nodejs监控文件变化并使用sftp上传到服务器
这篇文章主要介绍了利用nodejs监控文件变化并使用sftp上传到服务器的方法，非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-02-02
利用node.js实现自动生成前端项目组件的方法详解
最近在学习用，基于nodejs的强大，我从原本的只写前端变成了写全栈。下面这篇文章主要给大家介绍了关于利用node.js实现自动生成前端项目组件的相关资料，文中通过示例代码介绍的非常详细，需要的朋友们下面来一起看看吧。
2017-07-07
Node.js如何通过http调用外部接口
这篇文章主要介绍了Node.js如何通过http调用外部接口问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-10-10
详解node如何让一个端口同时支持https与http
众所周知node是一个高性能的web服务器，使用它可以很简单的创建一个http或https的服务器。这篇文章主要介绍了详解node如何让一个端口同时支持https与http
2017-07-07