Node.js实现下载文件的两种实用方式
更新时间：2022年09月05日 11:08:49 作者：二木成林
最近优化了几个新人写出的动态表格文件下载接口的性能瓶颈,感觉非常有必要总结一篇文章作为文档来抛砖引玉,这篇文章主要给大家介绍了关于Node.js实现下载文件的两种实用方式,需要的朋友可以参考下
第一种方式：使用原生的http模块
我们仅需要用到fs和http两个node.js的原生模块，不需要安装第三方模块，就可以实现文件的下载。代码如下：
var fs = require('fs');
var http = require("http");
var server = http.createServer();
server.on("request", function (request, response) {
// 获取请求URL
var url = request.url;
// 如果是下载文件的URL，则判断进行处理
if (url === '/download/hello.txt') {
// 提取文件名hello.txt
var name = url.substring(url.lastIndexOf('/'));
// 创建可读流，读取当前项目目录下的hello.txt文件
var rs = fs.createReadStream(__dirname + "/" + name);
// 设置响应请求头，200表示成功的状态码，headers表示设置的请求头
response.writeHead(200, {
'Content-Type': 'application/force-download',
'Content-Disposition': 'attachment; filename=' + name
});
// 将可读流传给响应对象response
rs.pipe(response);
}
});
server.listen(8888, function () {
console.log("服务器启动成功，可以通过 http://127.0.0.1:8888 来进行访问");
});
然后可以通过http://127.0.0.1:8888/download/hello.txt下载文件。
第二种方式：使用Express+Axios下载文件
前端通过axios发送GET或者POST请求来进行文件的下载，关键是对响应回来的文件数据进行处理。
index.html：前端页面，通过点击按钮来进行下载文件，而请求是通过axios来发送的。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- 引入axios.js -->
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
<button onclick="downloadFile()">下载</button>
</body>
<script>
function downloadFile() {
axios({
url: '/file/download',
method: 'POST',
responseType: 'blob'
}).then(function (response) {
// 将响应回来的数据下载为文件，固定代码
// 将响应数据处理为Blob类型
var blob = new Blob([response.data]);
// 创建一个URL对象
var url = window.URL.createObjectURL(blob);
// 创建一个a标签
var a = document.createElement("a");
a.href = url;
a.download = "hello.txt";// 这里指定下载文件的文件名
a.click();
// 释放之前创建的URL对象
window.URL.revokeObjectURL(url);
}).catch(function (reason) {
console.log(reason)
})
}
</script>
</html>
index.js：使用express来渲染index.html页面，并且来处理下载请求。
var fs = require('fs');
var express = require('express');
var app = express();
// 渲染index.html，跟下载逻辑无关
app.get('/index.html', function (request, response) {
fs.readFile('index.html', function (err, data) {
if (!err) {
response.end(data);
}
});
});
// 处理下载文件的请求
app.post('/file/download', function (request, response) {
var name = "hello.txt";// 待下载的文件名
var path = __dirname + "/" + name;// 待下载文件的路径，指定为当前项目目录下的hello.txt文件
var f = fs.createReadStream(path);
response.writeHead(200, {
'Content-Type': 'application/force-download',
'Content-Disposition': 'attachment; filename=' + name
});
f.pipe(response);
});
// 监听端口，相当于原来的server.listen()
app.listen(8888, function () {
console.log("app is running at port 8888.");
});
又可以通过response.set()方法来设置响应头：
response.set({
'Content-Type': 'application/octet-stream',// 告诉浏览器这是一个二进制文件
'Content-Disposition': 'attachment; filename=' + name// 告诉浏览器这是一个需要下载的文件
});
总结
下载文件其实很简单，在哪种语言里都是这样：
第一步，设置响应头。第二步，返回数据流。
设置响应头
下载文件需要设置的响应头是Content-Type和Content-Disposition，响应头与编程语言无关，是通用的。
'Content-Type': 'application/octet-stream'表示这是一个二进制文件。
'Content-Disposition': 'attachment;filename=hello.txt'表示这是一个需要下载的附件，并且告诉浏览器默认文件名。
返回数据流
读取要下载的文件，以二进制流的形式响应给客户端。
到此这篇关于Node.js实现下载文件的两种实用方式的文章就介绍到这了,更多相关Node.js下载文件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了nodejs之base64编码解码问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
这篇文章给大家浅析node.js中stream api的使用，本文介绍的非常详细，涉及到node.js api，node.js stream相关知识，感兴趣的朋友可以参考下2015-10-10
这篇文章主要介绍了浅析Nodejs npm常用命令的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要为大家分享了node.js插件nodeclipse安装图文教程，如何安装node.js支持插件，下面小编为大家分享具体步骤2016-05-05
最近在学习使用 travis-ci 对项目进行持续集成测试，所以下面这篇文章主要给大家介绍了关于使用travis-ci如何持续部署node.js应用的相关资料，文中介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。2017-07-07
这篇文章主要给大家介绍了关于利用C/C++编写node.js原生模块的相关资料，文中将实现的步骤一步步的介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编来一起看看吧。2017-07-07
本文主要介绍了Nodejs中koa2连接mysql的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-07-07
kafka调试中遇到Connection to node -1 could not be established. Br
这篇文章主要介绍了kafka调试中遇到Connection to node -1 could not be established. Broker may not be available的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了关于node编写文件上传的接口的坑及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
这篇文章主要介绍了nodejs使用Sequelize框架操作数据库的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
最新评论