Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
面向服務器端 JavaScript 環境 Node.js 的開發中,處理文件讀取至關重要,它是實現文件內容訪問、分析和操作的關鍵步驟。這一功能對開發網絡服務、日志審查系統、數據加工程序等多種軟件非常有用。有了 Node.js 強大的文件處理能力,您可以毫不費力地讀入文本、JSON、XML 等文件類型,以適合您的特定需求。
文件讀取在眾多情景下發揮著不可或缺的作用,下面舉幾個例子:
在 Node.js 中讀取文件,一般會涉及幾個關鍵的模塊:
同步讀取會在文件全部讀入前暫停程序的運行。以下是一個典型例子:
const fs = require('fs');
try {
const content = fs.readFileSync('example.txt', 'utf8');
console.log(content);
} catch (err) {
console.error(err);
}
異步操作允許程序繼續執行,文件讀取結束時通過回調函數進行處理:
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);
});
我們使用一個具體的例子,演示在 Node.js 如何讀取并處理文件。假定我們有一個名叫 data.txt 的文件,里面存有些許數據,我們想通過 Node.js 來讀取它。
開始前,我們創建一個 data.txt 文件,內容如下:
Hello, Node.js!
Here is some example text.
We will read this file with Node.js.
接下來,撰寫一個簡單的 Node.js 腳本文件來處理 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();
這個腳本利用 fs.promises.readFile 異步讀取文件,并通過 await 等待操作的完成。讀取成功便輸出文件內容,失敗則打印錯誤信息。
在終端中切回含有 Node.js 腳本與 data.txt 的目錄,執行腳本:
node your-script.js
腳本將輸出 data.txt 的內容到控制臺上。
如果你是一名 Node.js 開發者,經常需要與后端 API 相互作用,確認應用的正確性。這時,一個有效的接口管理工具是必不可少的。
Apifox 提供了一套接口管理解決方案,它結合了 Postman 的調試功能以及 Swagger 的接口文檔管理,附加 Mock 數據與 JMeter 性能測試,支持多種協議,如 HTTP(S)、WebSocket、Socket、gRPC、Dubbo 等,是為 API 開發著手設計的。此外,Apifox 還提供了 IDEA 插件,增強與 IDE 的協作效率。Apifox 的直觀界面和全面功能,極大提高了項目開發的流程效率,可以讓開發者更加方便地管理和測試接口。值得一試。
在 Node.js 中,文件讀取是一個基礎且核心的操作,它使我們能夠讀入、分析和操作各種文件。本文介紹了幾種常用的文件讀取方式,并以實際實例指導了如何讀取文本文件。希望以上內容能助您在 Node.js 項目中更高效地運用文件讀取功能。
知識擴展:
參考鏈接:
今年國慶假期終于可以憋在家里了不用出門了,不用出去看后腦了,真的是一種享受。這么好的光陰怎么浪費,睡覺、吃飯、打豆豆這怎么可能(耍多了也煩),完全不符合我們程序員的作風,趕緊起來把文章寫完。
這篇文章比較基礎,在國慶期間的業余時間寫的,這幾天又完善了下,力求把更多的前端所涉及到的關于文件上傳的各種場景和應用都涵蓋了,若有疏漏和問題還請留言斧正和補充。
以下是本文所涉及到的知識點,break or continue ?
原理很簡單,就是根據 http 協議的規范和定義,完成請求消息體的封裝和消息體的解析,然后將二進制內容保存到文件。
我們都知道如果要上傳一個文件,需要把 form 標簽的enctype設置為multipart/form-data,同時method必須為post方法。
那么multipart/form-data表示什么呢?
multipart互聯網上的混合資源,就是資源由多種元素組成,form-data表示可以使用HTML Forms 和 POST 方法上傳文件,具體的定義可以參考RFC 7578。
multipart/form-data 結構
看下 http 請求的消息體
Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryDCntfiXcSkPhS4PN 表示本次請求要上傳文件,其中boundary表示分隔符,如果要上傳多個表單項,就要使用boundary分割,每個表單項由———XXX開始,以———XXX結尾。
每一個表單項又由Content-Type和Content-Disposition組成。
Content-Disposition: form-data 為固定值,表示一個表單元素,name 表示表單元素的 名稱,回車換行后面就是name的值,如果是上傳文件就是文件的二進制內容。
Content-Type:表示當前的內容的 MIME 類型,是圖片還是文本還是二進制數據。
解析
客戶端發送請求到服務器后,服務器會收到請求的消息體,然后對消息體進行解析,解析出哪是普通表單哪些是附件。
可能大家馬上能想到通過正則或者字符串處理分割出內容,不過這樣是行不通的,二進制buffer轉化為string,對字符串進行截取后,其索引和字符串是不一致的,所以結果就不會正確,除非上傳的就是字符串。
不過一般情況下不需要自行解析,目前已經有很成熟的三方庫可以使用。
至于如何解析,這個也會占用很大篇幅,后面的文章在詳細說。
使用 form 表單上傳文件
在 ie時代,如果實現一個無刷新的文件上傳那可是費老勁了,大部分都是用 iframe 來實現局部刷新或者使用 flash 插件來搞定,在那個時代 ie 就是最好用的瀏覽器(別無選擇)。
DEMO
這種方式上傳文件,不需要 js ,而且沒有兼容問題,所有瀏覽器都支持,就是體驗很差,導致頁面刷新,頁面其他數據丟失。
HTML
<form method="post" action="http://localhost:8100" enctype="multipart/form-data">
選擇文件:
<input type="file" name="f1"/> input 必須設置 name 屬性,否則數據無法發送<br/>
<br/>
標題:<input type="text" name="title"/><br/><br/><br/>
<button type="submit" id="btn-0">上 傳</button>
</form>
復制代碼
服務端文件的保存基于現有的庫koa-body結合 koa2實現服務端文件的保存和數據的返回。
在項目開發中,文件上傳本身和業務無關,代碼基本上都可通用。
在這里我們使用koa-body庫來實現解析和文件的保存。
koa-body 會自動保存文件到系統臨時目錄下,也可以指定保存的文件路徑。
然后在后續中間件內得到已保存的文件的信息,再做二次處理。
NODE
/**
* 服務入口
*/
var http = require('http');
var koaStatic = require('koa-static');
var path = require('path');
var koaBody = require('koa-body');//文件保存庫
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: {
//設置文件的默認保存目錄,不設置則保存在系統臨時目錄下 os
uploadDir: path.resolve(__dirname, '../static/uploads')
},
multipart: true // 開啟文件上傳,默認是關閉
}));
//開啟靜態文件訪問
app.use(koaStatic(
path.resolve(__dirname, '../static')
));
//文件二次處理,修改名稱
app.use((ctx) => {
var file = ctx.request.files.f1;//得道文件對象
var path = file.path;
var fname = file.name;//原文件名稱
var nextPath = path+fname;
if(file.size>0 && path){
//得到擴展名
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 ...... ');
復制代碼
CODE
https://github.com/Bigerfe/fe-learn-code/
一篇:node.js 15 如何操作Excel文件
幾乎所有的項目涉及到報表或者合同處理等,都會跟PDF打交道。
node.js中,用的比較多的是html-pdf,每周下載量達到8萬多,是比較多了。
html-pdf
這款工具的特點是不光可以通過代碼調用API生成pdf,還提供命令行工具html-pdf來將html文件轉換成pdf文件。
接下來,我們看一下html-pdf的安裝使用。
npm install -g html-pdf
由于html-pdf是基于phantomjs的,所以在安裝過程中會自動下載phantomjs。
html-pdf test/businesscard.html businesscard.pdf
直接運行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');
//參數options, 將PDF format設為letter, 如果是A4,直接將下面代碼中的letter換成A4即可
var options = { format: 'Letter' };
//創建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的都可以被識別出來。
<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>
在調用API pdf.create(html, options).toFile()創建PDF時,這里面的參數options相當強大,可以傳很多數據。包括之前說的A4格式。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。