整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
面向服務(wù)器端 JavaScript 環(huán)境 Node.js 的開發(fā)中，處理文件讀取至關(guān)重要，它是實(shí)現(xiàn)文件內(nèi)容訪問、分析和操作的關(guān)鍵步驟。這一功能對(duì)開發(fā)網(wǎng)絡(luò)服務(wù)、日志審查系統(tǒng)、數(shù)據(jù)加工程序等多種軟件非常有用。有了 Node.js 強(qiáng)大的文件處理能力，您可以毫不費(fèi)力地讀入文本、JSON、XML 等文件類型，以適合您的特定需求。
文件讀取在眾多情景下發(fā)揮著不可或缺的作用，下面舉幾個(gè)例子:
在 Node.js 中讀取文件，一般會(huì)涉及幾個(gè)關(guān)鍵的模塊：
同步讀取會(huì)在文件全部讀入前暫停程序的運(yùn)行。以下是一個(gè)典型例子：
const fs = require('fs');
try {
const content = fs.readFileSync('example.txt', 'utf8');
console.log(content);
} catch (err) {
console.error(err);
}
異步操作允許程序繼續(xù)執(zhí)行，文件讀取結(jié)束時(shí)通過回調(diào)函數(shù)進(jìn)行處理：
const fs = require('fs');
fs.readFile('example.txt', 'utf8', (error, content) => {
if (error) {
console.error(error);
return;
}
console.log(content);
});
從 Node.js v12 開始，fs.promises API 加入，提供了基于 Promise 的讀取方法：
const fsp = require('fs').promises;
fsp.readFile('example.txt', 'utf8')
.then(content => {
console.log(content);
})
.catch(err => {
console.error(err);
});
我們使用一個(gè)具體的例子，演示在 Node.js 如何讀取并處理文件。假定我們有一個(gè)名叫 data.txt 的文件，里面存有些許數(shù)據(jù)，我們想通過 Node.js 來(lái)讀取它。
開始前，我們創(chuàng)建一個(gè) data.txt 文件，內(nèi)容如下：
Hello, Node.js!
Here is some example text.
We will read this file with Node.js.
接下來(lái)，撰寫一個(gè)簡(jiǎn)單的 Node.js 腳本文件來(lái)處理 data.txt：
const fsp = require('fs').promises;
async function processFile() {
try {
const content = await fsp.readFile('data.txt', 'utf8');
console.log('Read file successfully:\n', content);
} catch (err) {
console.error('An error occurred:', err);
}
}
processFile();
這個(gè)腳本利用 fs.promises.readFile 異步讀取文件，并通過 await 等待操作的完成。讀取成功便輸出文件內(nèi)容，失敗則打印錯(cuò)誤信息。
在終端中切回含有 Node.js 腳本與 data.txt 的目錄，執(zhí)行腳本：
node your-script.js
腳本將輸出 data.txt 的內(nèi)容到控制臺(tái)上。
如果你是一名 Node.js 開發(fā)者，經(jīng)常需要與后端 API 相互作用，確認(rèn)應(yīng)用的正確性。這時(shí)，一個(gè)有效的接口管理工具是必不可少的。
Apifox 提供了一套接口管理解決方案，它結(jié)合了 Postman 的調(diào)試功能以及 Swagger 的接口文檔管理，附加 Mock 數(shù)據(jù)與 JMeter 性能測(cè)試，支持多種協(xié)議，如 HTTP(S)、WebSocket、Socket、gRPC、Dubbo 等，是為 API 開發(fā)著手設(shè)計(jì)的。此外，Apifox 還提供了 IDEA 插件，增強(qiáng)與 IDE 的協(xié)作效率。Apifox 的直觀界面和全面功能，極大提高了項(xiàng)目開發(fā)的流程效率，可以讓開發(fā)者更加方便地管理和測(cè)試接口。值得一試。
在 Node.js 中，文件讀取是一個(gè)基礎(chǔ)且核心的操作，它使我們能夠讀入、分析和操作各種文件。本文介紹了幾種常用的文件讀取方式，并以實(shí)際實(shí)例指導(dǎo)了如何讀取文本文件。希望以上內(nèi)容能助您在 Node.js 項(xiàng)目中更高效地運(yùn)用文件讀取功能。
知識(shí)擴(kuò)展：
參考鏈接：
今年國(guó)慶假期終于可以憋在家里了不用出門了，不用出去看后腦了，真的是一種享受。這么好的光陰怎么浪費(fèi)，睡覺、吃飯、打豆豆這怎么可能（耍多了也煩），完全不符合我們程序員的作風(fēng)，趕緊起來(lái)把文章寫完。
這篇文章比較基礎(chǔ)，在國(guó)慶期間的業(yè)余時(shí)間寫的，這幾天又完善了下，力求把更多的前端所涉及到的關(guān)于文件上傳的各種場(chǎng)景和應(yīng)用都涵蓋了,若有疏漏和問題還請(qǐng)留言斧正和補(bǔ)充。
以下是本文所涉及到的知識(shí)點(diǎn)，break or continue ?
原理很簡(jiǎn)單，就是根據(jù) http 協(xié)議的規(guī)范和定義，完成請(qǐng)求消息體的封裝和消息體的解析，然后將二進(jìn)制內(nèi)容保存到文件。
我們都知道如果要上傳一個(gè)文件，需要把 form 標(biāo)簽的enctype設(shè)置為multipart/form-data,同時(shí)method必須為post方法。
那么multipart/form-data表示什么呢？
multipart互聯(lián)網(wǎng)上的混合資源，就是資源由多種元素組成，form-data表示可以使用HTML Forms 和 POST 方法上傳文件，具體的定義可以參考RFC 7578。
multipart/form-data 結(jié)構(gòu)
看下 http 請(qǐng)求的消息體
Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryDCntfiXcSkPhS4PN 表示本次請(qǐng)求要上傳文件，其中boundary表示分隔符，如果要上傳多個(gè)表單項(xiàng)，就要使用boundary分割，每個(gè)表單項(xiàng)由———XXX開始，以———XXX結(jié)尾。
每一個(gè)表單項(xiàng)又由Content-Type和Content-Disposition組成。
Content-Disposition: form-data 為固定值，表示一個(gè)表單元素，name 表示表單元素的 名稱，回車換行后面就是name的值，如果是上傳文件就是文件的二進(jìn)制內(nèi)容。
Content-Type：表示當(dāng)前的內(nèi)容的 MIME 類型，是圖片還是文本還是二進(jìn)制數(shù)據(jù)。
解析
客戶端發(fā)送請(qǐng)求到服務(wù)器后，服務(wù)器會(huì)收到請(qǐng)求的消息體，然后對(duì)消息體進(jìn)行解析，解析出哪是普通表單哪些是附件。
可能大家馬上能想到通過正則或者字符串處理分割出內(nèi)容，不過這樣是行不通的，二進(jìn)制buffer轉(zhuǎn)化為string,對(duì)字符串進(jìn)行截取后，其索引和字符串是不一致的，所以結(jié)果就不會(huì)正確，除非上傳的就是字符串。
不過一般情況下不需要自行解析，目前已經(jīng)有很成熟的三方庫(kù)可以使用。
至于如何解析，這個(gè)也會(huì)占用很大篇幅，后面的文章在詳細(xì)說。
使用 form 表單上傳文件
在 ie時(shí)代，如果實(shí)現(xiàn)一個(gè)無(wú)刷新的文件上傳那可是費(fèi)老勁了，大部分都是用 iframe 來(lái)實(shí)現(xiàn)局部刷新或者使用 flash 插件來(lái)搞定，在那個(gè)時(shí)代 ie 就是最好用的瀏覽器（別無(wú)選擇）。
DEMO
這種方式上傳文件，不需要 js ，而且沒有兼容問題，所有瀏覽器都支持，就是體驗(yàn)很差，導(dǎo)致頁(yè)面刷新，頁(yè)面其他數(shù)據(jù)丟失。
HTML
<form method="post" action="http://localhost:8100" enctype="multipart/form-data">
選擇文件:
<input type="file" name="f1"/> input 必須設(shè)置 name 屬性，否則數(shù)據(jù)無(wú)法發(fā)送<br/>
<br/>
標(biāo)題：<input type="text" name="title"/><br/><br/><br/>
<button type="submit" id="btn-0">上 傳</button>
</form>
復(fù)制代碼服務(wù)端文件的保存基于現(xiàn)有的庫(kù)koa-body結(jié)合 koa2實(shí)現(xiàn)服務(wù)端文件的保存和數(shù)據(jù)的返回。
在項(xiàng)目開發(fā)中，文件上傳本身和業(yè)務(wù)無(wú)關(guān)，代碼基本上都可通用。
在這里我們使用koa-body庫(kù)來(lái)實(shí)現(xiàn)解析和文件的保存。
koa-body 會(huì)自動(dòng)保存文件到系統(tǒng)臨時(shí)目錄下，也可以指定保存的文件路徑。
然后在后續(xù)中間件內(nèi)得到已保存的文件的信息，再做二次處理。
NODE
/**
* 服務(wù)入口
*/
var http = require('http');
var koaStatic = require('koa-static');
var path = require('path');
var koaBody = require('koa-body');//文件保存庫(kù)
var fs = require('fs');
var Koa = require('koa2');
var app = new Koa();
var port = process.env.PORT || '8100';
var uploadHost= `http://localhost:${port}/uploads/`;
app.use(koaBody({
formidable: {
//設(shè)置文件的默認(rèn)保存目錄，不設(shè)置則保存在系統(tǒng)臨時(shí)目錄下 os
uploadDir: path.resolve(__dirname, '../static/uploads')
},
multipart: true // 開啟文件上傳，默認(rèn)是關(guān)閉
}));
//開啟靜態(tài)文件訪問
app.use(koaStatic(
path.resolve(__dirname, '../static')
));
//文件二次處理，修改名稱
app.use((ctx) => {
var file = ctx.request.files.f1;//得道文件對(duì)象
var path = file.path;
var fname = file.name;//原文件名稱
var nextPath = path+fname;
if(file.size>0 && path){
//得到擴(kuò)展名
var extArr = fname.split('.');
var ext = extArr[extArr.length-1];
var nextPath = path+'.'+ext;
//重命名文件
fs.renameSync(path, nextPath);
}
//以 json 形式輸出上傳文件地址
ctx.body = `{
"fileUrl":"${uploadHost}${nextPath.slice(nextPath.lastIndexOf('/')+1)}"
}`;
});
/**
* http server
*/
var server = http.createServer(app.callback());
server.listen(port);
console.log('demo1 server start ...... ');
復(fù)制代碼CODE
https://github.com/Bigerfe/fe-learn-code/
一篇：node.js 15 如何操作Excel文件
幾乎所有的項(xiàng)目涉及到報(bào)表或者合同處理等，都會(huì)跟PDF打交道。
node.js中，用的比較多的是html-pdf，每周下載量達(dá)到8萬(wàn)多，是比較多了。
html-pdf
這款工具的特點(diǎn)是不光可以通過代碼調(diào)用API生成pdf，還提供命令行工具h(yuǎn)tml-pdf來(lái)將html文件轉(zhuǎn)換成pdf文件。
接下來(lái)，我們看一下html-pdf的安裝使用。
npm install -g html-pdf由于html-pdf是基于phantomjs的，所以在安裝過程中會(huì)自動(dòng)下載phantomjs。
html-pdf test/businesscard.html businesscard.pdf直接運(yùn)行html-pdf加上源html文件，后面加上pdf文件名就可以生成pdf文件。
//引入fs, html-pef模塊
var fs = require('fs');
var pdf = require('html-pdf');
//讀取html文件
var html = fs.readFileSync('./test/businesscard.html', 'utf8');
//參數(shù)options, 將PDF format設(shè)為letter, 如果是A4,直接將下面代碼中的letter換成A4即可
var options = { format: 'Letter' };
//創(chuàng)建pdf文件
pdf.create(html, options).toFile('./businesscard.pdf', function(err, res) {
if (err) return console.log(err);
console.log(res); // { filename: '/app/businesscard.pdf' }
});var pdf = require('html-pdf');
pdf.create(html).toFile([filepath, ]function(err, res){
console.log(res.filename);
});
pdf.create(html).toStream(function(err, stream){
stream.pipe(fs.createWriteStream('./foo.pdf'));
});
pdf.create(html).toBuffer(function(err, buffer){
console.log('This is a buffer:', Buffer.isBuffer(buffer));
});html-pdf 可以將html中的header和footer讀出。只要是id為pageHeader或者pageFooter的都可以被識(shí)別出來(lái)。
<div id="pageHeader">Default header</div>
<div id="pageHeader-first">Header on first page</div>
<div id="pageHeader-2">Header on second page</div>
<div id="pageHeader-3">Header on third page</div>
<div id="pageHeader-last">Header on last page</div>
...
<div id="pageFooter">Default footer</div>
<div id="pageFooter-first">Footer on first page</div>
<div id="pageFooter-2">Footer on second page</div>
<div id="pageFooter-last">Footer on last page</div>在調(diào)用API pdf.create(html, options).toFile()創(chuàng)建PDF時(shí)，這里面的參數(shù)options相當(dāng)強(qiáng)大，可以傳很多數(shù)據(jù)。包括之前說的A4格式。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
