站長資訊網基于node如何實現http傳輸大文件？下面本篇文章給大家介紹一下基于nodejs的幾種http文件傳輸實踐方案，希望對大家有所幫助！
基于nodejs的http文件傳輸方案在現階段的前后端全棧開發中有都很重要的作用，本文我將通過幾種方案實現http傳輸大文件。在實現功能之前，我們先通過nodejs的fs模塊寫入一個大文件，并在項目中生成一個本地文件：
const fs = require('fs'); const writeStream = fs.createWriteStream(__dirname + "/file.txt"); for(let i = 0;i <= 100000; i++) { writeStream.write(`${i} —— 我是${i}號文件n`, "utf-8"); } writeStream.end();
以上代碼成功運行后，在當前的執行目錄下將會生成一個大小為 3.2MB 大小的文本文件，該文件將作為以下方案的 “大文件素材”。在列出大文件傳輸方案之前，我們先封裝后面即將用到的兩個公共方法： 文件讀取方法 和 文件壓縮方法：
// 封裝讀取文件的方法 const readFile = async (paramsData) => { return new Promise((resolve, reject) => { fs.readFile(paramsData, (err, data) => { if(err) { reject('文件讀取錯誤'); } else { resolve(data); } }) }) } // 封裝文件壓縮方法 const gzip = async (paramsData) => { return new Promise((resolve, reject) => { zlib.gzip(paramsData, (err, result) => { if(err) { reject('文件壓縮錯誤'); } else { resolve(result); } }) }) }
1. 通過大文件在數據壓縮后傳輸
瀏覽器在發送請求時，都會攜帶 accept 和 accept-* 請求頭信息，用于告訴服務器當前瀏覽器所支持的文件類型、支持的壓縮格式列表和支持的語言。請求頭中的 Accept-Encoding 字段，用于將客戶端能夠理解的內容編碼方式（通常是某種壓縮算法）告訴給服務端。服務端會選擇一個客戶端所支持的方式，并通過響應頭 Content-Encoding 來通知客戶端該選擇，響應頭告訴瀏覽器返回的 JS 腳本，是經過 gzip 壓縮算法處理過的
// 請求頭 accept-encoding: gzip, deflate, br
// 響應頭 cache-control: max-age=2592000 content-encoding: gzip content-type: application/x-javascript
基于 Accept-Encoding 和 Content-Encoding 字段的了解，我們來驗證一下未開啟 gzip 和開啟 gzip 的效果。
// 實現一個簡單的文件讀取服務器(沒有開啟gzip) const server = http.createServer(async (req, res) => { res.writeHead(200, { "Content-Type": "text/plain;charset=utf-8", }); const buffer = await readFile(__dirname + '/file.txt'); res.write(buffer); res.end(); }) server.listen(3000, () => { console.log(`server啟動成功`) })
// 實現一個簡單的文件讀取服務器(開啟gzip) const server = http.createServer(async(req, res) => { res.writeHead(200, { "Content-Type": "text/plain;charset=utf-8", "Content-Encoding": "gzip" }); const buffer = await readFile(__dirname + '/file.txt'); const gzipData = await gzip(buffer); res.write(gzipData); res.end(); }) server.listen(3000, () => { console.log(`server啟動成功`) })
2. 通過數據分塊傳輸
有場景需要用從數據庫中查詢獲得的數據生成一個大的 HTML 表格的時候，或者需要傳輸大量的圖片的時候，可以通過分塊傳輸實現。
Transfer-Encoding: chunked Transfer-Encoding: gzip, chunked
響應頭 Transfer-Encoding 字段的值為 chunked，表示數據以一系列分塊的形式進行發送。需要注意的是 Transfer-Encoding 和 Content-Length 這兩個字段是互斥的，也就是說響應報文中這兩個字段不能同時出現。
// 數據分塊傳輸 const spilitChunks = async () =>{ const buffer = await readFile(__dirname + '/file.txt'); const lines = buffer.toString('utf-8').split('n'); let [chunks, i, n] = [[], 0, lines.length]; while(i < n) { chunks.push(lines.slice(i, i+= 10)); }; return chunks; } const server = http.createServer(async(req, res) => { res.writeHead(200, { "Content-Type": "text/plain;charset=utf-8", "Transfer-Encoding": "chunked", "Access-Control-Allow-Origin": "*", }); const chunks = await spilitChunks(); for(let i =0; i< chunks.length; i++) { setTimeout(() => { let content = chunks[i].join("&"); res.write(`${content.length.toString(16)}rn${content}rn`); }, i * 1000); } setTimeout(() => { res.end(); }, chunks.length * 1000); }) server.listen(3000, () => { console.log(`server啟動成功`) })
3. 通過數據流的形式傳輸
當使用 Node.js 向客戶端返回大文件時，使用流的形式來返回文件流能避免處理大文件時，占用過多的內存。具體實現方式如下所示。當使用流的形式來返回文件數據時，HTTP 響應頭 Transfer-Encoding 字段的值為 chunked，表示數據以一系列分塊的形式進行發送。
const server = http.createServer((req, res) => { res.writeHead(200, { "Content-Type": "text/plain;charset=utf-8", "Content-Encoding": "gzip", "Transfer-Encoding": "chunked" }); fs.createReadStream(__dirname + "/file.txt") .setEncoding("utf-8") .pipe(zlib.createGzip()) .pipe(res); }) server.listen(3000, () => { console.log(`server啟動成功`) })
