欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Node.js實現(xiàn)下載文件的兩種實用方式

 更新時間:2022年09月05日 11:08:49   作者:二木成林  
最近優(yōu)化了幾個新人寫出的動態(tài)表格文件下載接口的性能瓶頸,感覺非常有必要總結(jié)一篇文章作為文檔來拋磚引玉,這篇文章主要給大家介紹了關于Node.js實現(xiàn)下載文件的兩種實用方式,需要的朋友可以參考下

第一種方式:使用原生的http模塊

我們僅需要用到fshttp兩個node.js的原生模塊,不需要安裝第三方模塊,就可以實現(xiàn)文件的下載。代碼如下:

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('/'));
        // 創(chuàng)建可讀流,讀取當前項目目錄下的hello.txt文件
        var rs = fs.createReadStream(__dirname + "/" + name);
        // 設置響應請求頭,200表示成功的狀態(tài)碼,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發(fā)送GET或者POST請求來進行文件的下載,關鍵是對響應回來的文件數(shù)據(jù)進行處理。

index.html:前端頁面,通過點擊按鈕來進行下載文件,而請求是通過axios來發(fā)送的。

<!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) {
            // 將響應回來的數(shù)據(jù)下載為文件,固定代碼
            // 將響應數(shù)據(jù)處理為Blob類型
            var blob = new Blob([response.data]);
            // 創(chuàng)建一個URL對象
            var url = window.URL.createObjectURL(blob);
            // 創(chuàng)建一個a標簽
            var a = document.createElement("a");
            a.href = url;
            a.download = "hello.txt";// 這里指定下載文件的文件名
            a.click();
            // 釋放之前創(chuàng)建的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);
});

// 監(jiān)聽端口,相當于原來的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// 告訴瀏覽器這是一個需要下載的文件
    });

總結(jié)

下載文件其實很簡單,在哪種語言里都是這樣:

第一步,設置響應頭。第二步,返回數(shù)據(jù)流。

設置響應頭

下載文件需要設置的響應頭是Content-TypeContent-Disposition,響應頭與編程語言無關,是通用的。

'Content-Type': 'application/octet-stream'表示這是一個二進制文件。

'Content-Disposition': 'attachment;filename=hello.txt'表示這是一個需要下載的附件,并且告訴瀏覽器默認文件名。

返回數(shù)據(jù)流

讀取要下載的文件,以二進制流的形式響應給客戶端。

到此這篇關于Node.js實現(xiàn)下載文件的兩種實用方式的文章就介紹到這了,更多相關Node.js下載文件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • nodejs之base64編碼解碼問題

    nodejs之base64編碼解碼問題

    這篇文章主要介紹了nodejs之base64編碼解碼問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-02-02
  • 淺析Node.js 中 Stream API 的使用

    淺析Node.js 中 Stream API 的使用

    這篇文章給大家淺析node.js中stream api的使用,本文介紹的非常詳細,涉及到node.js api,node.js stream相關知識,感興趣的朋友可以參考下
    2015-10-10
  • 淺析Nodejs npm常用命令

    淺析Nodejs npm常用命令

    這篇文章主要介紹了淺析Nodejs npm常用命令的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-06-06
  • node.js插件nodeclipse安裝圖文教程

    node.js插件nodeclipse安裝圖文教程

    這篇文章主要為大家分享了node.js插件nodeclipse安裝圖文教程,如何安裝node.js支持插件,下面小編為大家分享具體步驟
    2016-05-05
  • 使用travis-ci如何持續(xù)部署node.js應用詳解

    使用travis-ci如何持續(xù)部署node.js應用詳解

    最近在學習使用 travis-ci 對項目進行持續(xù)集成測試,所以下面這篇文章主要給大家介紹了關于使用travis-ci如何持續(xù)部署node.js應用的相關資料,文中介紹的非常詳細,需要的朋友可以參考借鑒,下面來一起看看吧。
    2017-07-07
  • 利用C/C++編寫node.js原生模塊的方法教程

    利用C/C++編寫node.js原生模塊的方法教程

    這篇文章主要給大家介紹了關于利用C/C++編寫node.js原生模塊的相關資料,文中將實現(xiàn)的步驟一步步的介紹的非常詳細,對大家具有一定的參考學習價值,需要的朋友們下面跟著小編來一起看看吧。
    2017-07-07
  • Nodejs中koa2連接mysql的實現(xiàn)示例

    Nodejs中koa2連接mysql的實現(xiàn)示例

    本文主要介紹了Nodejs中koa2連接mysql的實現(xiàn)示例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2022-07-07
  • kafka調(diào)試中遇到Connection to node -1 could not be established. Broker may not be available.

    kafka調(diào)試中遇到Connection to node -1 could not be established. Br

    這篇文章主要介紹了kafka調(diào)試中遇到Connection to node -1 could not be established. Broker may not be available的解決方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-09-09
  • 關于node編寫文件上傳的接口的坑及解決

    關于node編寫文件上傳的接口的坑及解決

    這篇文章主要介紹了關于node編寫文件上傳的接口的坑及解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-06-06
  • nodejs使用Sequelize框架操作數(shù)據(jù)庫的實現(xiàn)

    nodejs使用Sequelize框架操作數(shù)據(jù)庫的實現(xiàn)

    這篇文章主要介紹了nodejs使用Sequelize框架操作數(shù)據(jù)庫的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-10-10

最新評論