这篇文章主要介绍Node项目中怎么用images+imageinfo库给图片批量添加水印,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

Nodejs给图片批量添加水印

环境准备

安装 images 库

npminstallimages

安装 imageinfo 库

npminstallimageinfo

实现

本例 addimageinfo.js 与 marklogo.png 、imagest文件夹、node_modules 文件夹 在同一目录下。

含子文件也可实现

JS代码

若直接使用需修改一下信息

varlogomarkimg=images('./marklogo.png');//水印位置varrmimgpath="./imagest/img/";//添加图片文件加位置varmark="logo_";//另存图片前缀,若为""则替换原图片

完整代码 addimageinfo.js

//引用文件系统模块varfs=require("fs");//引用imageinfo模块varimageInfo=require("imageinfo");//引用images模块varimages=require('images');varlogomarkimg=images('./marklogo.png');//水印位置varrmimgpath="./imagest/img/";//添加图片文件加位置varmark="logo_";//另存图片前缀,若为""则替换原图片functionreadFileList(path,filesList){varfiles=fs.readdirSync(path);files.forEach(function(itm,index){varstat=fs.statSync(path+itm);if(stat.isDirectory()){//递归读取文件readFileList(path+itm+"/",filesList)}else{varobj={};//定义一个对象存放文件的路径和名字obj.path=path;//路径obj.filename=itm//名字filesList.push(obj);}})}vargetFiles={//获取文件夹下的所有文件getFileList:function(path){varfilesList=[];readFileList(path,filesList);returnfilesList;},//获取文件夹下的所有图片getImageFiles:function(path){varimageList=[];this.getFileList(path).forEach((item)=>{varms=imageInfo(fs.readFileSync(item.path+item.filename));ms.mimeType&&(imageList.push(item))});returnimageList;}};//获取文件夹下的所有图片varphotos=getFiles.getImageFiles(rmimgpath);for(vari=0;i<photos.length;i++){varsourceImgpath=photos[i].path;varsourceImgname=photos[i].filename;varsourceImg=images(sourceImgpath+sourceImgname);varsWidth=sourceImg.width();varsHeight=sourceImg.height();varwmWidth=logomarkimg.width();varwmHeight=logomarkimg.height();images(sourceImg)//设置绘制的坐标位置,右下角距离10px.draw(logomarkimg,sWidth-wmWidth-10,sHeight-wmHeight-10)//保存格式会自动识别.save(sourceImgpath+mark+sourceImgname+'');}

运行

在目录下,运行node命令

node./addimageinfo.js

查看效果



以上是“Node项目中怎么用images+imageinfo库给图片批量添加水印”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!