Node.js批量给图片加水印方法
沉沙 2018-05-15 来源 : 阅读 1589 评论 0

摘要:本文讲解了Node.js批量给图片加水印方法的方法,希望读者在阅读本文后有所收获,学会如何用Node.js批量给图片加水印方法。

一、准备工作:

首先,我们安装node.js的一个模块:imageinfo。


npm install imageinfo


二、直接上DEMO:

步骤如下:
step1:文件夹结构

Node.js批量给图片加水印方法 


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命令后,文件夹结构如下图

Node.js批量给图片加水印方法 


step4:查看批量加水印的图片

Node.js批量给图片加水印方法


本文由职坐标整理发布,更多相关知识,请关注职坐标WEB前端Node.js频道!

本文由 @沉沙 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程