導語:公司最近業務不忙,利用閒暇時間準備學習一下Node.js,看見網上前端大牛張旭鑫的文章JS通常般的網頁重構可使用Node.js作些什麼?,跟着寫了一下批量修改文件名的javascript小工具,主要利用node.js的API中fs相關方法來實現;記錄一下,以備後用。javascript
做爲一個想成爲技術流的前端小菜鳥,對於node的大名是早就有耳聞,也好屢次嘗試想要學習一下,可是網上找了好多文章,看了都不是很理解,也就都沒深刻,但其實過程當中,學習了vue,並搭建開發過項目,其實也就是在使用node了,今天看了張旭鑫大牛的文章,終於有了新的理解和見解,再次感嘆,不愧是牛人!css
我對node.js的理解就是javascript語言的運行環境,之前只知道javascript只能運行在瀏覽器上,並且出於安全考慮,瀏覽器限制了javascript訪問用戶計算機的大多數權限,因此javascript能作的事,僅限於瀏覽器,可是node讓javascript有了運行的環境,就能夠作不少事情了,具體node.js API開發文檔前端
做爲剛接觸的興趣開發,我就記錄一下跟着練習的批量修改文件名的程序;vue
新建一個js文件,用一個經常使用的編輯器進行js代碼的編寫,我用的是Notepad++,平時工做中用的是vscode,均可以,看本身的心情;java
'use strict';//嚴格模式 let fs = require('fs');//想用API中的哪一個模塊就用require引進來 let src = 'testimg/rename_test';//定義一個想修改文件所在的文件夾的路徑,相對改js文件 fs.readdir(src,function(err,files){//讀取文件的方法,參數都表明什麼,請看文檔 let i = 1; files.forEach(function(filename){//files是該文件夾下全部文件名的數組集合 if(filename.indexOf('.png') != -1){//找出png格式的圖片 let oldPath = src + '/' + filename let newPath = src + '/icon' + i + '.png';//給圖片從新命名,利用變量i,順序遞增 i++; fs.rename(oldPath, newPath, function(err){//文件重命名方法,參數表明的意思參考API if(!err){//替換成功,提示信息 console.log(newPath + '替換成功!'); } }) } }) })
本地運行的方法:用CMD窗口進入要運行的js文件所在文件夾,運行以下代碼:node
node rename.js
修改爲功後,控制檯會輸出打印成功信息,而查看文件夾裏的文件,確實圖片格式的文件被從新命名:api
至此,批量修改文件名字已經完成。數組