如何用Node.js实现高效下载文件的多种实用方法？
- 内容介绍
- 文章标签
- 相关推荐
本文共计813个文字，预计阅读时间需要4分钟。
目录- 第一种方式：使用原生的http模块- 第二种方式：使用Express+Axios下载文件- 总结- 设置响应头- 返回数据流- 第一种方式：使用原生的http模块 - 我们只需要使用到fs和http两个Node.js原生模块 - fs用于读取文件 - http用于创建服务器和响应请求
目录
- 第一种方式：使用原生的127.0.0.1:8888 来进行访问");
});
然后可以通过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="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下载文件内容请搜索易盾网络以前的文章或继续浏览下面的相关文章希望大家以后多多支持易盾网络！
本文共计813个文字，预计阅读时间需要4分钟。
目录- 第一种方式：使用原生的http模块- 第二种方式：使用Express+Axios下载文件- 总结- 设置响应头- 返回数据流- 第一种方式：使用原生的http模块 - 我们只需要使用到fs和http两个Node.js原生模块 - fs用于读取文件 - http用于创建服务器和响应请求
目录
- 第一种方式：使用原生的127.0.0.1:8888 来进行访问");
});
然后可以通过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="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下载文件内容请搜索易盾网络以前的文章或继续浏览下面的相关文章希望大家以后多多支持易盾网络！