Node.js批量给图片加水印的方法
2016-11-15 16:33
1231 查看
一、准备工作:
首先,你要阅读完这篇文章:https://www.jb51.nethttps://www.geek-share.com/detail/2690139535.html。
然后,我们安装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:查看批量加水印的图片
以上所述是小编给大家介绍的Node.js批量给图片加水印的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- FileUpload控件上传图片并自动生成缩略图、自动生成带文字和图片的水印图的方法
- 用asp水印图片代码和方法
- asp.net通过实现IHttpHandler接口方法给图片添加水印图片(动态添加,不破坏原图片,但是耗资源)
- asp.net图片添加水印以及GDI+ 中发生一般性错误的解决方法
- Android Bitmap相关-图片水印的生成方法
- 在图片上增加水印的方法(转)
- zblog上传图片自动添加水印的实现方法
- 程序为图片加水印的方法
- aspJpeg图片水印有杂点的完美解决方法
- iOS-给图片添加水印效果的方法
- 给图片加透明度水印的方法(c#)
- asp .net 为图片添加文字水印(内包含有加图片水印的方法,但尚未完善暂不能使用)
- 转载(忘记出处)给图片加水印的方法
- 动态加入水印图片方法
- asp.net下用Aspose.Words for .NET动态生成word文档中的图片或水印的方法
- 在图片上加上文字或水印的方法实现
- Asp.net 上传图片添半透明图片或文字水印的方法(二)
- C#生成图片缩略图、水印及上传的几个通用方法
- 【iPhone Development】对图片加入特定水印的方法
- php将一个图片上面加水印或者其他字的方法