从Mongoose数据库获取随机GIF时EJS提示'img'未定义

你的核心问题是gifFinder函数没有正确返回随机获取的GIF数据，导致渲染home.ejs时拿到的是undefined，自然找不到img属性。原因是你用了传统的回调函数处理MongoDB查询，但async/await只能等待Promise，没法等待回调完成，所以函数直接返回了未赋值的foundGif。

修复方案 #

把gifFinder改成基于Promise的写法，或者直接用MongoDB的async/await语法（更简洁）：

app.get('/random', async (req, res) =>{
    try {
        const findGif = await gifFinder();
        res.render('home', {findGif})
    } catch (err) {
        console.error(err);
        res.status(500).send('获取随机GIF失败');
    }
});


const gifFinder = async () => {
    // 用await替代回调，获取总数量
    const count = await imgModel.countDocuments();
    if (count === 0) {
        throw new Error('数据库中没有GIF');
    }
    const random = Math.floor(Math.random() * count);
    // 同样用await获取随机文档
    const foundGif = await imgModel.findOne().skip(random);
    return foundGif;
};

关键改动说明 #

• 把count().exec()换成countDocuments()+await，避免回调嵌套，同时让async函数能等待计数完成。
• 把findOne().skip(random).exec()换成await写法，确保函数返回的是实际查询到的GIF文档，而不是undefined。
• 增加了错误捕获，避免数据库查询出错时直接崩溃，同时给用户返回友好提示。
• 移除了gifFinder里多余的req、res参数，因为它不需要处理请求响应，只负责数据查询。

这样修改后，findGif就能拿到包含img属性的文档，渲染home.ejs时就能正常访问该属性了。

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