git:GitHub - xiaoli0510/ImgToolNode: Nodejs批量处理图片小工具

小工具一：批量修改文件夹里面的图片名称

步骤：

1.安装nodejs。

2.根据需要修改editFileName(filePath, formatName)函数的参数，也可以不改，直接将renameFile.js和img文件夹放在同一个目录下。

3.在renameFile.js目录下开启终端，在终端执行node renameFile.js。

此功能适合批量按递增规则、批量添加文件名称后缀等来修改图片名称。如批量修改文件夹的图片名称，以1.png,2.png...来命名。

renameFile.js:

// 导入node文件系统模块(fs)
var fs = require("fs");
// 这里path是你要读取哪一个目录下的所有文件,如'./img'，此时img放在js的同一级目录
var filePath = './img';
var formatName = 'png';
editFileName(filePath, formatName); //将img里面的图片重新命名为1.png 2.png/*** * @param {*} path 文件夹路径 如'./img'* @param {*} format */
function editFileName(path, format) {fs.readdir(path, function (err, files) {//files是名称数组，存的是文件夹里面所有的文件名字比如[xx.png]files.forEach(function (filename, index) {//运用正则表达式替换oldPath中不想要的部分var oldPath = path + '/' + filename,newPath = path + '/' + (index + 1 - 0) + '.' + format;// fs.rename(oldPath, newPath, callback) fs.rename(oldPath, newPath, function (err) {if (!err) {console.log(filename + '副本替换成功!')}})})})
}

img原文件夹里面的图片：

renameFile.js目录下开启终端，在终端运行node renameFile.js,，img文件里面的图片：

小工具二：批量修改文件夹里面的图片尺寸

步骤：

1.安装nodejs。

2.安装sharp,执行npm install sharp。

3.将resizeFile.js和img文件夹放在同一个目录下，并在同一目录下创建outputImg文件夹(必须创建，如果不创建会报错)。

4.根据需要的尺寸，修改imageSize=[width,height]，此案例里面是400*400的尺寸。

5.在resizeFile.js目录下开启终端，在终端执行node renameFile.js。

此功能适合批量修改图片的宽高尺寸。

renameFile.js:

const fs = require('fs');
const sharp = require('sharp');const inputFolder = './img/';
const outputFolder = './outputImg/';
const imageSize = [400, 400];
fs.readdir(inputFolder, (err, files) => {if (err) console.log(err);files.forEach(file => {console.log(file)sharp(inputFolder + file).resize(imageSize[0], imageSize[1]).toFile(outputFolder + file, (err, info) => {if (err) {console.log(err);};console.log(info);//info里面包含图片的信息// {//     format: 'png',//     width: 400,//     height: 400,//     channels: 4,//     premultiplied: true,//     size: 9466// }});});
});

执行node renameFile.js后，outputImg文件夹里面会出现我们需要的尺寸的图片。

案例中的需求是图片尺寸都变为400*400,下图是我们需要的图片。

小工具三：批量获取文件夹里面的图片宽高，并添加到css文件中

步骤：

1.安装nodejs。

2.安装image-size，执行npm install image-size。

3.在eiitFileBySize.js目录下开启终端，在终端执行node eiitFileBySize.js。

此功能适合批量获取文件夹的图片信息，并将信息添加到新文件中。

案例中的需求是将文件夹中的图片的宽高写入到css中。

eiitFileBySize.js：

var fs = require("fs");
var sizeOf = require('image-size');
var dimensions;
var filePath = './img';// 同步读取
var data = fs.readFileSync('./css/index.css');
data=data.toString();
fs.readdir(filePath, function (err, files) {files.forEach(function (fileName, index) {console.log(fileName)dimensions = sizeOf('./img/' + fileName);data += '\n.class'+(index+1)+'{\n  width:' + dimensions.width + 'px;\n  height:' + dimensions.height + 'px;\n}';})fs.writeFile('./css/index.css', data, function (err) {if (err) {return console.error(err);}});
})

执行前的img文件夹：

执行前的index.css：

body{background:#ccc;
}

执行后的index.css:

body{background:#ccc;
}
.class1{width:200px;height:300px;
}
.class2{width:300px;height:400px;
}
.class3{width:400px;height:500px;
}

小工具四：批量压缩图片(jpg格式)

步骤：

1.安装nodejs。

2.安装images，执行npm install images。

3.在compressFile.js目录下开启终端，在终端执行node compressFile.js。

此功能适合批量获取文件夹的图片信息，并将信息添加到新文件中。

案例中的需求是将文件夹中的图片压缩，压缩后，图片质量为60；缺点：只能压缩jpg图片。

compressFile.js：

var images = require("images")
var fs = require("fs")
var path = "./img" //原图路径
var savepath = "./imgzip" //压缩图保存路径function explorer(path) {fs.readdir(path, function (err, files) { //err 为错误 , files 文件名列表包含文件夹与文件if (err) {console.log('error:\n' + err);return;}files.forEach(function (file) {fs.stat(path + '/' + file, function (err, stat) {if (err) {console.log(err);return;}if (stat.isDirectory()) {explorer(path + '/' + file); // 如果是文件夹就遍历} else {//console.log('文件名:' + path.substring(9) + '/' + file);  // 读出所有的文件                   var name = path + '/' + file;var dirName = savepath + path.substring(9);var fileName = savepath + path.substring(9) + '/' + file;fs.mkdir(dirName, {recursive: true}, (err) => { //创建文件夹if (err) {console.log('X 文件夹创建失败')} else {console.log('文件夹创建成功')console.log(name,fileName)images(name).save(fileName, {quality: 60}); //保存图片到文件,图片质量为60    }})}})})})
}
explorer(path);

执行node compressFile.js前，img文件夹：

执行node compressFile.js后，imgzip文件夹：

小工具五：批量压缩图片(jpg|png格式)

步骤：

1.安装nodejs。

2.安装imagemin和imageminJpegtran和imageminPngquant，执行

npm install imagemin@7.0.1

npm install imagemin-mozjpeg@8.0.0

npm install imagemin-pngquant@9.0.2

注意版本的兼容，我用的是上面这三个版本。

3.在compressFileAll.js目录下开启终端，在终端执行node compressFileAll.js。

此功能适合批量压缩jpg或png图片。

compressFileAll.js

const imagemin = require('imagemin');
const imageminJpegtran = require('imagemin-jpegtran');
const imageminPngquant = require('imagemin-pngquant');(async () => {const files = await imagemin(['img/*.{jpg,png}'], {destination: './buildImages',plugins: [imageminJpegtran(),imageminPngquant({quality: [0.6, 0.8]})]});console.log(files);//=> [{data: <Buffer 89 50 4e …>, destinationPath: 'build/images/foo.jpg'}, …]
})();

执行node compressFileAll.js前的img文件夹：

执行node compressFileAll.js后的buildImages文件夹：

小工具六：批量给图片添加logo

步骤：

1.安装nodejs。

2.安装images，执行

npm install images

3.在addLogo.js目录下开启终端，在终端执行node addLogo.js。

此功能适合批量给文件夹的图片添加Logo。

addLogo.js

var fs = require("fs");
var images = require('images');
var path = require('path');
var watermarkImg = images('./logo.png');
var filePath = './img/';
var  savePath= './saveImg/'fs.readdir(filePath, function (err, files) { //err 为错误 , files 文件名列表包含文件夹与文件if (err) {console.log('error:\n' + err);return;}files.forEach(function (file) {console.log(file)console.log(filePath + file)var sourceImg = images(filePath + file); // 源图片的文件夹var sWidth = sourceImg.width();var sHeight = sourceImg.height();var wmWidth = watermarkImg.width();var wmHeight = watermarkImg.height();fs.mkdir(savePath, {recursive: true}, (err) => { //创建文件夹if (err) {console.log('文件夹创建失败')} else {console.log('文件夹创建成功')images(sourceImg) // 设置绘制的坐标位置，右下角距离 40px.draw(watermarkImg, sWidth - wmWidth - 40, sHeight - wmHeight - 40) // 保存格式会自动识别.save(savePath + file);}})})
})

执行node addLogo.js的img文件夹：

执行node addLogo.js后的saveImg文件夹：

小工具七：批量按照图片尺寸来给图片分类

步骤：

1.安装nodejs。

2.安装images和image-size，执行

npm install images

npm install image-size

3.在classifyFile.js目录下开启终端，在终端执行node classifyFile.js。

此功能适合批量给文件夹的图片按照尺寸或者其他标准来分类。

classifyFile.js

var fs = require("fs");
var sizeOf = require('image-size');
var images = require("images")var dimensions;
var filePath = './img';
var savePath = "./imgClassify" //压缩图保存路径var fileSizeArr = [{width: 50,height: 50
},{width: 100,height: 100
}]// 同步读取
fs.readdir(filePath, function (err, files) {files.forEach(function (file, index) {dimensions = sizeOf('./img/' + file);if (dimensions.width == fileSizeArr[0].width && dimensions.height == fileSizeArr[0].height) {var dirName = savePath + filePath.substring(9) + '/' + fileSizeArr[0].width + '_' + fileSizeArr[0].height;var name = filePath + '/' + file;var fileName = savePath + filePath.substring(9) + '/' + fileSizeArr[0].width + '_' + fileSizeArr[0].height + '/' + file;}else if (dimensions.width == fileSizeArr[1].width && dimensions.height == fileSizeArr[1].height) {var dirName = savePath + filePath.substring(9) + '/' + fileSizeArr[1].width + '_' + fileSizeArr[1].height;var name = filePath + '/' + file;var fileName = savePath + filePath.substring(9) + '/' + fileSizeArr[1].width + '_' + fileSizeArr[1].height + '/' + file;}if (dirName && name && fileName) {console.log(dirName, name, fileName)fs.mkdir(dirName, {recursive: true}, (err) => { //创建文件夹if (err) {console.log('X 文件夹创建失败')} else {images(name).save(fileName, {quality: 60}); //保存图片到文件,图片质量为60  }})}})
})

执行node classifyFile.js前的img文件夹：

执行node classifyFile.js后的imgClassify文件夹：

50_50的文件夹里面存储的是50*50的图片：

100_100的文件夹里面存储的是100*100的图片：

小工具八：以表格的形式导出文件夹的所有图片尺寸和名称

步骤：

1.安装nodejs。

2.安装xlsx和iimage-size，执行

npm install xlsx

npm install image-size

3.在exportData.js目录下开启终端，在终端执行node exportData.js。

此功能适合批量导出文件夹的图片信息。

exportData.js

const XLSX = require("xlsx");
const fs = require('fs');
var sizeOf = require('image-size');
var dimensions;
var filePath = './img';
const data = [];
let index = 0;// 同步读取
fs.readdir(filePath, function (err, files) {files.forEach(function (file, index) {dimensions = sizeOf('./img/' + file);data.push({id: index++,imgName: file,width: dimensions.width,height: dimensions.height})})const workSheet = XLSX.utils.json_to_sheet(data);const workBook = XLSX.utils.book_new();XLSX.utils.book_append_sheet(workBook, workSheet, "attendance");XLSX.write(workBook, {bookType: "xlsx",type: "buffer"});XLSX.write(workBook, {bookType: "xlsx",type: "binary"});XLSX.writeFile(workBook, "newExcel.xlsx");
})

执行node exportData.js前的img文件夹：

执行node exportData.js后的newExcel.xlsx：

Nodejs批量处理图片小工具：批量修改图片信息相关推荐

批量卸载软件脚本python_Python练习小工具——批量删除同名电子书保留指定格式...
本帖最后由似水流年2015 于 2020-9-2 23:41 编辑小书库清理走起,陆陆续续存了上百G的电子书,很多电子书同一本却有4种格式,epub,mobi,azw3, pdf,多浪费硬盘啊,寻 ...
简书个人文章备份，图片批量导出小工具
此小工具弥补简书的 "打包下载文章" 功能上的不足,它能批量的将简书发布的个人文章上用到的所有图片批量爬取并导出到你的个人电脑,支持 Windows 和 Mac. 导出的文 ...
Jar批量管理小工具
文章目录前言一.代码结构二.开源仓库地址总结前言一个Jar包管理的小工具,目前有如下几个作用,后面可以慢慢扩展 1.搜索当前项目路径下的所有jar并复制到某一路径下 2.执行某个目录下的j ...
小工具批量将mp3音频格式转换为wav格式
最近收到一个朋友委托的需求,要将MP3的音频格式转换成wav的音频格式.于是,使用python写了这个小工具便于批量进行转换操作. [阅读全文] 首先,下载需要导入的python模块包.这里选用清华大 ...
python实用批量处理图片小项目
批量修改图片大小代码 def convertjpg(jpgfile,outdir,width=512,height=512):img=Image.open(jpgfile)try:new_img=i ...
如何用python批量处理图片大小_python批量修改图片大小的方法
本文实例为大家分享了python批量修改图片大小的具体代码,供大家参考,具体内容如下引用的模块 from PIL import Image Image的使用 def resize_image(img ...
[批量重命名工具] 批量图片识别文字来命名文件名，很多网友想看批量图片识别成文字，用图片上的文字来修改文件名，今天它来了
很多网友想看批量图片识别成文字,用图片上的文字来修改文件名,今天他来了因为不解决就得手动挨个挨个输入然后把文件命名好今天又一个文件需求是这样的图上有姓名文字,要识别出来改成每一张图跟这个一样,有 ...
python小工具-批量压缩图片
通过PIL简单的批量压缩图片 import os import time from PIL import Image from docx import Document from docx.share ...
Css图片批量下载小工具--saveimg1.5
备用下载地址:http://download.csdn.net/detail/zhoumengkang/4949519 1.5只是将代码进行有一些自以为是的优化,实际说应该是表面上的代码量减少了,但不 ...

Nodejs批量处理图片小工具：批量修改图片信息

git:GitHub - xiaoli0510/ImgToolNode: Nodejs批量处理图片小工具

小工具一：批量修改文件夹里面的图片名称

小工具二：批量修改文件夹里面的图片尺寸

小工具三：批量获取文件夹里面的图片宽高，并添加到css文件中

小工具四：批量压缩图片(jpg格式)

小工具五：批量压缩图片(jpg|png格式)

小工具六：批量给图片添加logo

小工具七：批量按照图片尺寸来给图片分类

小工具八：以表格的形式导出文件夹的所有图片尺寸和名称

Nodejs批量处理图片小工具：批量修改图片信息相关推荐

最新文章

热门文章