导语:公司最近业务不忙,利用闲暇时间准备学习一下Node.js,看见网上前端大牛张旭鑫的文章JS一般般的网页重构可以使用Node.js做些什么?,跟着写了一下批量修改文件名的javascript小工具,主要利用node.js的API中fs相关方法来实现;记录一下,以备后用。


Node.js的理解

作为一个想成为技术流的前端小菜鸟,对于node的大名是早就有耳闻,也好多次尝试想要学习一下,但是网上找了好多文章,看了都不是很理解,也就都没深入,但其实过程中,学习了vue,并搭建开发过项目,其实也就是在使用node了,今天看了张旭鑫大牛的文章,终于有了新的理解和看法,再次感叹,不愧是牛人!


我对node.js的理解就是javascript语言的运行环境,以前只知道javascript只能运行在浏览器上,而且出于安全考虑,浏览器限制了javascript访问用户计算机的大多数权限,所以javascript能做的事,仅限于浏览器,但是node让javascript有了运行的环境,就可以做很多事情了,具体node.js API开发文档

作为刚接触的兴趣开发,我就记录一下跟着练习的批量修改文件名的程序;


代码开发

新建一个js文件,用一个常用的编辑器进行js代码的编写,我用的是Notepad++,平时工作中用的是vscode,都可以,看自己的心情;

'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 rename.js

图片描述

修改成功后,控制台会输出打印成功信息,而查看文件夹里的文件,确实图片格式的文件被重新命名:

图片描述

至此,批量修改文件名字已经完成。

本文固定链接:

node.js初体验之利用node.js的fs-文件系统,来写一个批量修改文件名的小工具

http://www.js-code.com/node-js/node-js_34747.html

80%的人都看过