如何用node.js批量給圖片加水印

上一篇我們講了如何用node.js給圖片加水印，但是只是給某一張圖片加，並沒有涉及到批量處理。這一篇，我們學習如果批量進行圖片加水印處理。

一、准備工作：

首先，你要閱讀完這篇文章：http://www.yuanbo88.com/article.php?rid=31。
然后，我們安裝node.js的一個模塊：imageinfo。

npm install imageinfo

二、直接上DEMO：

步驟如下：
step1：文件夾結構

 

step2：JS代碼

//引用文件系統模塊
var fs = require("fs");
//引用imageinfo模塊
var imageInfo = require("imageinfo");
//引用images模塊
var images = require('images');
var watermarkImg = images('water_logo.png');

function readFileList(path, filesList) {
    var files = fs.readdirSync(path);
    files.forEach(function (itm, index) {
        var stat = fs.statSync(path + itm);
        if (stat.isDirectory()) {
        	//遞歸讀取文件
            readFileList(path + itm + "/", filesList)
        } else {
            var obj = {};//定義一個對象存放文件的路徑和名字
            obj.path = path;//路徑
            obj.filename = itm//名字
            filesList.push(obj);
        }
    })
}
var getFiles = {
	//獲取文件夾下的所有文件
    getFileList: function (path) {
        var filesList = [];
        readFileList(path, filesList);
        return filesList;
    },
    //獲取文件夾下的所有圖片
    getImageFiles: function (path) {
        var imageList = [];

        this.getFileList(path).forEach((item) => {
            var ms = imageInfo(fs.readFileSync(item.path + item.filename));

            ms.mimeType && (imageList.push(item.filename))
        });
        return imageList;
    }
};

//獲取文件夾下的所有圖片
var photos = getFiles.getImageFiles("./public/");
for (var i = 0; i < photos.length; i++) {
	var sourceImg = images('./public/'+photos[i]);
	var sourceImgName = photos[i];
	var sWidth = sourceImg.width();
	var sHeight = sourceImg.height();
	var wmWidth = watermarkImg.width();
	var wmHeight = watermarkImg.height();
	images(sourceImg)
		// 設置繪制的坐標位置，右下角距離 40px
		.draw(watermarkImg, sWidth - wmWidth - 40, sHeight - wmHeight - 40)
		// 保存格式會自動識別
		.save('./saveImg/'+ sourceImgName+'');
}

step3：運行node命令后，文件夾結構如下圖

 

step4：查看批量加水印的圖片