Node.js 从目录中获取所有文件，而不是NodeJS中的单个文件

发布于01月25日

我正在try 使用Tinify Node JS API调整图像大小.我想调整一个目录的文件，而不仅仅是一个单一的文件.这是一个简单的例子.

const source = tinify.fromFile("example.jpg");
const resized = source.resize({
  method: "cover",
  width: 720,
  height: 225
});
resized.toFile("example-small.jpg");

类似地，我想做同样的转换所有文件在一个目录到.webp:

const source = tinify.fromFile("example.jpg");
const converted = source.convert({type:["image/webp","image/png"]});
const extension = converted.result().extension();
extension.then(ext => {
  converted.toFile("example." + ext);
})

我对NodeJS的了解有限，如有帮助将不胜感激，谢谢.

推荐答案

从源目录读取所有文件:利用Node.js中的文件系统模块枚举指定源目录中的所有文件.

调整每个图像的大小:使用Tinify API根据预定义的尺寸调整每个图像的大小，类似于前面描述的方法.

保存已调整大小的图像:将已调整大小的图像存储在指定的目标目录中，保留其原始文件名以便于识别和保持一致性.

这是演示代码.

另存为converts.js文件名

const fs = require("fs");
const path = require("path");
const tinify = require("tinify");
tinify.key = "[ YOUR API KEY ]"; // Replace with your actual API key

const sourceDir = "image/png";
const destDir = "image/webp";

async function resizeAndConvertImages() {
  try {
    const files = fs.readdirSync(sourceDir);

    for (const file of files) {
      const ext = path.extname(file).toLowerCase();
      if (ext === '.png' || ext === '.jpg' || ext === '.jpeg') {
        const sourcePath = path.join(sourceDir, file);
        const destPath = path.join(destDir, file).replace(ext, '.webp'); // Change extension to .webp

        const source = tinify.fromFile(sourcePath);
        const resized = source.resize({
          method: "cover",
          width: 720,
          height: 225
        });

        await resized.toFile(destPath);
        console.log(`${file} has been resized and saved as ${destPath}`);
      }
    }
  } catch (error) {
    console.error("Error during processing:", error);
  }
}

resizeAndConvertImages();