Node.js图片转换项目报错ENOENT：找不到output.jpg文件求助

触发错误：Error: ENOENT: no such file or directory, stat 'D:\NodeLearning\Image-converter\output.jpg'

图片可正常上传，但执行转换和下载操作时出现上述错误，怀疑是目录或路径配置问题。项目目录结构如下：

• 根目录：app.js、package.json
• uploads 文件夹（存储上传图片）
• views 文件夹：包含 index.ejs

后端代码（app.js） #

const express = require("express");
const bodyparser = require("body-parser");
const multer = require("multer");
const path = require("path");
const gm = require("gm");

const app = express();
app.use(bodyparser.json());
app.use(bodyparser.urlencoded({ extended: true }));
app.set("view-engine", "ejs");

const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, "uploads");
  },
  filename: function (req, file, cb) {
    cb(
      null,
      file.fieldname + "-" + Date.now() + path.extname(file.originalname)
    );
  },
});

const upload = multer({
  storage: storage,
});
app.get("/", (req, res) => {
  res.render("index.ejs");
});

app.post("/", upload.single("image"), (req, res) => {
  if (!req.file) {
    res.send("please upload a image!");
  }
  console.log(req.file.path);
  gm(req.file.path).write("output.jpg", function (err) {
    if (err) console.log(err);
    res.download("output.jpg");
  });
});

app.listen(5000, () => {
  console.log("Server is listening on post 5000");
});

EJS代码（views/index.ejs） #

<div class="container mt-5">
<form action="/" method="POST" enctype="multipart/form-data">

    <div class="form-group">
        <label for="image">Select Image:</label>
        <input type="file" class="form-control-file" name="image" id="image">
    </div>

    <button type="submit" class="btn btn-primary">Convert Image</button>

</form>

解决方案 #

1. 确认GraphicsMagick/ImageMagick已安装配置 #

gm 模块依赖GraphicsMagick或ImageMagick工具，仅安装npm包无法正常工作：

• Windows：下载对应安装包（推荐GraphicsMagick），安装时勾选"Add application directory to your system path"，完成后重启终端再运行项目。
• Linux/macOS：通过包管理器安装，如apt install graphicsmagick（Ubuntu）或brew install graphicsmagick（macOS）。

2. 使用绝对路径避免路径歧义 #

代码中直接用"output.jpg"是相对路径，可能因Node.js工作目录差异导致文件生成位置错误，改用path模块拼接绝对路径：

修改后端POST接口代码：

app.post("/", upload.single("image"), (req, res) => {
  if (!req.file) {
    return res.send("please upload a image!"); // 加return避免后续代码执行
  }
  console.log(req.file.path);
  // 拼接绝对输出路径
  const outputPath = path.join(__dirname, "output.jpg");
  gm(req.file.path).write(outputPath, function (err) {
    if (err) {
      console.log(err);
      return res.status(500).send("图片转换失败，请检查依赖是否安装");
    }
    res.download(outputPath);
  });
});

3. 完善错误处理逻辑 #

原代码中即使gm转换出错，仍会执行res.download，导致二次报错。需在错误分支提前响应请求，终止后续代码执行。

4. 确保uploads目录存在 #

虽然multer会自动创建uploads目录，手动创建可避免异常：在项目根目录执行mkdir uploads（Windows）或mkdir -p uploads（Linux/macOS）。

内容的提问来源于stack exchange，提问作者Monu Rohilla