浅析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通过phantomjs实现下载网页
功能其实很见简单,通过 phantomjs.exe 采集 url 加载的资源,通过子进程的方式,启动nodejs 加载所有的资源,对于css的资源,匹配css内容,下载里面的url资源 当然功能还是很简单的,在响应式设计和异步加载的情况下,还是有很多资源没有能够下载,需要根据实际情况处理下 首先当然是下载 nodejs 和 phantomjs 下面是 phantomjs.exe 执行的 down.js var page = require('webpage').create(), system
-
Nodejs+express+html5 实现拖拽上传
一.前言 文件上传是一个比较常见的功能,传统的选择方式的上传比较麻烦,需要先点击上传按钮,然后再找到文件的路径,然后上传.给用户体验带来很大问题.html5开始支持拖拽上传的需要的api.nodejs也是一个最近越来越流行的技术,这也是自己第一次接触nodejs,在nodejs开发中,最常用的开发框架之一是expess,它是一个类似mvc模式的框架.结合html5.nodejs express实现了拖拽上传的功能. 二.基础知识普及 1.NodeJs基础知识 nodejs简单来说就是一个可以让j
-
nodejs multer实现文件上传与下载
本文实例为大家分享了nodejs实现文件上传下载的具体代码,供大家参考,具体内容如下 1.介绍 做了一个关于文件上传和下载的demo ,选择了Multer 作为中间件进行数据处理. 关于multer请参考中文翻译文档 https://github.com/expressjs/multer/blob/master/doc/README-zh-cn.md 或者官方文档 2. upload 文件上传 html form标签内设置enctype="multipart/form-data"是必须
-
node.js实现多图片上传实例
先上效果图: 这是我当时做多图片的代码,拿出来给大家借鉴一下(有些地方需要亲们自己改一下,大方向是对的) 总共涉及到三处文件(常规来说) 1.路由入口文件(我这里是/routes.js,很多时候会在/app.js) 复制代码 代码如下: //添加美食 app.all('/add', users.add); 2.路由控制器文件(我这里是/routes/users.js) 复制代码 代码如下: //添加美食exports.add = function (req, res) { if (req.
-
Nodejs进阶：基于express+multer的文件上传实例
概览 图片上传是web开发中经常用到的功能,node社区在这方面也有了相对完善的支持. 常用的开源组件有multer.formidable等,借助这两个开源组件,可以轻松搞定图片上传. 本文主要讲解以下内容,后续章节会对技术实现细节进行深入挖掘. 基础例子:借助express.multer实现单图.多图上传. 常用API:获取上传的图片的信息. 进阶使用:自定义保存的图片路径.名称. 环境初始化 非常简单,一行命令. npm install express multer multer --sav
-
在Node.js中使用HTTP上传文件的方法
开发环境 我们将使用 Visual Studio Express 2013 for Web 作为开发环境, 不过它还不能被用来做 Node.js 开发.为此我们需要安装 Node.js Tools for Visual Studio. 装好后 Visual Studio Express 2013 for Web 就会转变成一个 Node.js IDE 环境,提供创建这个应用所需要的所有东西..而基于这里提供的指导,我们需要: 下载安装 Node.js Windows 版,选择适用你系统平台的
-
轻松创建nodejs服务器（10）：处理上传图片
本节我们将实现,用户上传图片,并将该图片在浏览器中显示出来. 这里我们要用到的外部模块是Felix Geisendörfer开发的node-formidable模块.它对解析上传的文件数据做了很好的抽象. 要安装这个外部模块,需在cmd下执行命令: 复制代码 代码如下: npm install formidable 如果输出类似的信息就代表安装成功了: 复制代码 代码如下: npm info build Success: formidable@1.0.14 安装成功后我们用request将其引入
-
nodejs 实现模拟form表单上传文件
以前项目里有这个方法,最近在客户那里出问题了,同事说,这个方法从来就没管用过,SO,用了一天时间把这个方法给搞出来了(觉得花费的时间长了点),分享之. 代码及测试用例: var http = require('http'); var path = require('path'); var fs = require('fs'); function postFile(fileKeyValue, req) { var boundaryKey = Math.random().toString(16);
-
Nodejs实现批量下载妹纸图
听说最近下载妹子图很火? Nodejs (javascrpt)自然不能落后~ 虽然从没写过像样的Nodejs程序,但作为至少翻过书的前端同学来说,Nodejs用得还蛮顺手的哈~ 花了一点事件学习了下Nodejs的网页获取和文件下载方法,没事乱捣腾就写了这个半成品的下载器 使用方法: 1)新建一个download目录 2)新建download.js(其实名字随便取),并复制到download目录下 3)复制两段代码到download.js中 4)打开命令行工具,并将当前目录转到与download目
-
基于nodejs+express(4.x+)实现文件上传功能
Nodejs是一个年轻的编程框架,充满了活力和无限激情,一直都在保持着快速更新.基于Nodejs的官方Web开发库Express也在同步发展着,每年升级一个大版本,甚至对框架底层都做了大手术.在Express4时,替换掉中件间库connect,而改用多个更细粒度的库来取代.带来的好处是明显地,这些中间件能更自由的更新和发布,不会受到Express发布周期的影响:但问题也是很的棘手,不兼容于之前的版本,升级就意味着要修改代码. 通过一段时间的查阅资料.摸索,我发现实现上传的方式有:1.expres