首页前端开发JavaScriptNode项目中用images+imageinfo库给图片批量添加水印

Node项目中用images+imageinfo库给图片批量添加水印

时间2024-01-31 07:08:03发布访客分类JavaScript浏览254
导读:收集整理的这篇文章主要介绍了Node项目中用images+imageinfo库给图片批量添加水印,觉得挺不错的,现在分享给大家,也给大家做个参考。Nodejs中怎么给图片批量添加水印?下面本篇文章给大家介绍一下Node项目中用images+...
收集整理的这篇文章主要介绍了Node项目中用images+imageinfo库给图片批量添加水印,觉得挺不错的,现在分享给大家,也给大家做个参考。Nodejs中怎么给图片批量添加水印?下面本篇文章给大家介绍一下Node项目中用images+imageinfo库给图片批量添加水印的方法,希望对大家有所帮助!

Nodejs给图片批量添加水印

环境准备

安装 images 库

npm install images

安装 imageinfo 库

npm install imageinfo

实现

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

含子文件也可实现

JS代码

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

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

完整代码 addimageinfo.js

//引用文件系统模块var fs = require("fs");
    //引用imageinfo模块var imageInfo = require("imageinfo");
    //引用images模块var images = require('images');
    var logomarkimg = images('./marklogo.png');
    //水印位置var rmimgpath = "./imagest/img/";
    //添加图片文件加位置var mark = "logo_";
//另存图片前缀,若为""则替换原图片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))        }
    );
            return imageList;
    }
}
    ;
    //获取文件夹下的所有图片var photos = getFiles.getImageFiles(rmimgpath);
    for (var i = 0;
     i  photos.length;
 i++) {
        var sourceImgpath = photos[i].path;
        var sourceImgname = photos[i].filename;
        var sourceImg = images(sourceImgpath + sourceImgname);
        var sWidth = sourceImg.width();
        var sHeight = sourceImg.height();
        var wmWidth = logomarkimg.width();
        var wmHeight = logomarkimg.height();
        images(sourceImg)        // 设置绘制的坐标位置,右下角距离 10px        .draw(logomarkimg, sWidth - wmWidth - 10, sHeight - wmHeight - 10)        // 保存格式会自动识别        .save(sourceImgpath + mark + sourceImgname + '');
}
    

运行

在目录下,运行node命令

node ./addimageinfo.js

查看效果



更多node相关知识,请访问:nodejs 教程!

以上就是Node项目中用images+imageinfo库给图片批量添加水印的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

Nodejs

若转载请注明出处: Node项目中用images+imageinfo库给图片批量添加水印
本文地址: https://pptw.com/jishu/593640.html
char是什么数据类型 聊聊Angular中父子组件间怎么传递数据

游客 回复需填写必要信息