在Node.js中使用multer上传图片前如何实现用户Token验证？

嘿，这个问题其实很好解决——你只需要在multer的上传中间件之前添加一个自定义的token验证中间件就行，这样就能确保只有验证通过的用户才能上传图片。下面给你一步步说明怎么实现：

1. 准备工作（如果用JWT的话） #

如果你的用户token是基于JWT实现的，先安装jsonwebtoken包来处理验证：

npm install jsonwebtoken

要是你用的是其他token验证方式（比如数据库存储的token），可以跳过这一步，直接调整后面的中间件逻辑就行。

2. 编写Token验证中间件 #

创建一个专门的中间件函数，用来检查请求中的token是否有效：

const jwt = require("jsonwebtoken");

const verifyToken = (req, res, next) => {
    // 从请求头的Authorization字段获取token，通常格式是「Bearer <token字符串>」
    const authHeader = req.headers.authorization;
    
    // 先检查是否提供了合法的token格式
    if (!authHeader || !authHeader.startsWith("Bearer ")) {
        return res.status(401).json({ status: "error", message: "未提供有效的身份验证token" });
    }

    // 提取出纯token部分
    const token = authHeader.split(" ")[1];

    try {
        // 用你存在.env里的密钥验证token有效性
        const decodedUser = jwt.verify(token, process.env.JWT_SECRET);
        // 把验证通过的用户信息挂载到req对象上，后续路由可以直接使用
        req.user = decodedUser;
        // 验证通过，放行到下一个中间件（也就是multer的上传逻辑）
        next();
    } catch (error) {
        // token无效或过期时返回错误
        return res.status(403).json({ status: "error", message: "无效或已过期的token" });
    }
};

3. 将验证中间件添加到上传路由 #

关键注意点：一定要把verifyToken中间件放在upload.single("image")前面！因为Express中间件是按顺序执行的，先验证token，通过了再处理文件上传，避免无效请求占用服务器存储资源。

修改你的上传路由：

router.post("/upload-image", verifyToken, upload.single("image"), async (req, res, next) => {
    if (req.file) {
        res.status(200).json({ 
            status: "success", 
            message: "图片上传成功",
            fileDetails: {
                filename: req.file.filename,
                path: `/uploads/${req.file.filename}`,
                size: req.file.size
            }
        });
    } else {
        res.status(400).json({ status: "error", message: "上传失败，请选择有效的图片文件" });
    }
});

完整的修改后代码 #

这里是整合了所有逻辑的完整代码，你可以直接参考：

const express = require("express");
const multer = require("multer");
const jwt = require("jsonwebtoken"); // 新增的JWT包
require("dotenv").config();

const app = express();
const router = express.Router();

app.use(router);

process.on("uncaughtException", (err) => console.error(err));

// 新增：Token验证中间件
const verifyToken = (req, res, next) => {
    const authHeader = req.headers.authorization;
    if (!authHeader || !authHeader.startsWith("Bearer ")) {
        return res.status(401).json({ status: "error", message: "未提供有效的身份验证token" });
    }

    const token = authHeader.split(" ")[1];
    try {
        const decodedUser = jwt.verify(token, process.env.JWT_SECRET);
        req.user = decodedUser;
        next();
    } catch (error) {
        return res.status(403).json({ status: "error", message: "无效或已过期的token" });
    }
};

// multer存储配置（和你原来的代码一致）
const storage = multer.createDiskStorage({
    destination: (req, file, cb) => cb(null, "uploads"),
    filename: (req, file, cb) => cb(null, Math.floor(Date.now() / 1000) + file.originalname)
});

const upload = multer({ storage: storage });

// 修改后的上传路由，添加了token验证
router.post("/upload-image", verifyToken, upload.single("image"), async (req, res, next) => {
    if (req.file) {
        res.status(200).json({ 
            status: "success", 
            message: "图片上传成功",
            fileDetails: {
                filename: req.file.filename,
                path: `/uploads/${req.file.filename}`,
                size: req.file.size
            }
        });
    } else {
        res.status(400).json({ status: "error", message: "上传失败，请选择有效的图片文件" });
    }
});

// 启动服务器（建议加上这部分）
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => console.log(`服务器运行在 http://localhost:${PORT}`));

额外说明 #

• 如果你不用JWT，而是用数据库存储token的方式，只需要修改verifyToken中间件里的逻辑：比如提取token后，去数据库查询是否存在该token，且对应的用户状态正常。
• 一定要确保uploads文件夹存在，否则multer会报错，你可以手动创建或者在代码里加自动创建的逻辑。

备注：内容来源于stack exchange，提问作者user25736943