Node.js批量給圖片加水印的方法
一、準備工作:
首先,你要閱讀完這篇文章:http://chabaoo.cn/article/97391.htm。
然后,我們安裝node.js的一個模塊:imageinfo。
npm install imageinfo
二、直接上DEMO:
步驟如下:
step1:文件夾結構

step2:JS代碼
//引用文件系統(tǒng)模塊
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:查看批量加水印的圖片

以上所述是小編給大家介紹的Node.js批量給圖片加水印的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關文章
Nodejs中session的簡單使用及通過session實現(xiàn)身份驗證的方法
session的本質使用cookie來實現(xiàn)。本文給大家介紹Nodejs中session的簡單使用及通過session實現(xiàn)身份驗證的方法,對node.js session相關知識感興趣的朋友一起學習吧2016-02-02
nodejs根據(jù)ip數(shù)組在百度地圖中進行定位
本文主要介紹了nodejs根據(jù)ip數(shù)組在百度地圖中進行定位的方法,具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
Node.js?網(wǎng)絡框架koa?compose中間件使用解析
這篇文章主要為大家介紹了Node.js?網(wǎng)絡框架koa?compose中間件使用解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-12-12

