这里有新鲜出炉的 Node.js 教程,程序狗速度看过来!
Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台, 用来方便地搭建快速的 易于扩展的网络应用 · Node.js 借助事件驱动, 非阻塞 I/O 模型变得轻量和高效, 非常适合 运行在分布式设备 的 数据密集型 的实时应用
这篇文章主要介绍了 Node.js 批量给图片加水印的方法, 本文分步骤给大家介绍的非常详细,需要的朋友可以参考下
一、准备工作:
首先,你要阅读完这篇文章:/article/17/0427/330456.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 批量给图片加水印的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 phperz 网站的支持!
(adsbygoogle = window.adsbygoogle || []).push({});
来源: http://www.phperz.com/article/17/0627/330457.html