MongoDB GridFS读取图片返回带函数的Base64值问题求助

核心问题分析 #

1. 未定义变量imageData：代码中直接使用Buffer.from(imageData, 'base64')，但imageData从未声明赋值，导致逻辑断裂。
2. 错误处理GridFS Binary数据：GridFS chunks中的data是MongoDB Binary对象，不是Base64字符串，无需Base64解码，直接取其buffer属性即可转换为Node.js Buffer。
3. 仅读取单个chunk：GridFS默认将大于256KB的文件分割为多个chunk，仅读取第一个chunk会导致图片不完整。
4. 硬编码Content-Type：固定设置为image/jpeg，无法适配PNG等其他图片格式。

修复后的读取代码 #

const getCourseImage = async (req, res) => {
    const courseId = req.params.courseId;

    if (courseId.length !== 24) {
        throw new InvalidInputError("Invalid course Id.");
    }
    
    const course = await Course.findById(courseId);

    if (!course) {
        throw new NotFoundError("Course not found");
    }

    const db = mongoose.connection.db;

    if(!db) {
        throw new Error("Could not connect to database");
    }

    const filesCollection = db.collection("uploads.files");
    const filesResult = await filesCollection.findOne({filename: course.image});

    if(!filesResult){
        throw new NotFoundError("Image not found")
    }

    // 获取所有chunk并按序号升序排序
    const chunksCollection = db.collection("uploads.chunks")
    const chunksResult = await chunksCollection.find({files_id: filesResult._id})
        .sort({n: 1})
        .toArray();

    if (!chunksResult.length) {
        throw new NotFoundError("Image chunks not found");
    }

    // 拼接所有chunk的buffer数据
    const imageBuffer = Buffer.concat(chunksResult.map(chunk => chunk.data.buffer));
    
    // 从存储记录中获取正确的文件类型
    res.contentType(filesResult.contentType);
    res.send(imageBuffer);
};

关键修改说明 #

• Binary转Buffer：通过chunk.data.buffer直接提取MongoDB Binary对象的原始Buffer数据，跳过冗余的Base64转换，解决Binary.createFromBase64()格式问题。
• 全chunk读取与拼接：使用find()替代findOne()，并按n字段排序，确保所有chunk按正确顺序拼接，避免图片缺失。
• 动态Content-Type：从filesResult.contentType获取存储时记录的文件类型，适配JPEG、PNG等多种格式。
• 修正拼写错误：将databas改为database，消除不必要的错误提示。

补充说明 #

你的GridFS存储配置逻辑正常，multer-gridfs-storage会自动处理文件分块、文件名生成和contentType记录，只需按上述方式读取拼接即可正常返回图片。

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