Cloudinary上传完成后tmp文件未自动删除，手动删除致React崩溃求助

一、自动删除临时文件 #

直接用Node.js内置的fs模块（Promise版本更适配异步流程），在Cloudinary上传、数据库操作完成后，不管成功或失败都执行临时文件删除，避免冗余文件占用资源。

修改后的完整代码示例： #

import { v2 as cloudinary } from 'cloudinary';
import fs from 'fs/promises';

function funct(num, req, res) {
    let file = req.files.photo;
    const tempFilePath = file.tempFilePath; // 缓存临时文件路径

    cloudinary.uploader.upload(tempFilePath, {folder:"Social_Media_posts"}, async (err, result) => {
        // 优先执行临时文件删除，不影响主业务流程
        let deleteFailMsg = null;
        try {
            await fs.unlink(tempFilePath);
        } catch (delErr) {
            deleteFailMsg = '临时文件删除失败';
            console.error('删除临时文件出错:', delErr);
        }

        try {
            // 先处理Cloudinary上传错误
            if (err) throw err;
            if (num !== 1) return res.status(400).send({status: "failed", message: "无效参数num", color: "red"});

            const { description, firstname, lastname, imageUrl, location, userId } = req.body;
            const newPost = new Post({
                userId,
                description,
                postUrl: result.url,
                firstname,
                lastname,
                imageUrl,
                location,
            });
            
            const ans = await newPost.save();
            res.status(201).send({ 
                status: "success", 
                message: ans, 
                color: "green",
                deleteError: deleteFailMsg
            });
        } catch (error) {
            // 把Error对象转为字符串，避免前端渲染崩溃
            const errorMsg = error.message || JSON.stringify(error);
            res.send({ 
                status: "failed", 
                message: errorMsg, 
                color: "red",
                deleteError: deleteFailMsg
            });
        }
    });
}

二、修复React UI崩溃问题 #

你遇到的Uncaught Error: Objects are not valid as a React child错误，是因为后端直接把原始Error对象返回给前端，而React无法渲染对象类型的内容（比如你在UI中展示message字段时）。

核心修复点： #

在后端的catch块中，不要直接返回error对象，而是提取错误描述字符串（error.message），或者用JSON.stringify(error)把整个错误对象转为字符串，前端拿到字符串后就能正常渲染了。上面的代码已经包含这个处理逻辑。

额外优化建议 #

• 可以把删除临时文件的逻辑封装成独立函数，方便多处复用：

async function removeTempFile(filePath) {
    try {
        await fs.unlink(filePath);
        return true;
    } catch (err) {
        console.error('临时文件删除失败:', err);
        return false;
    }
}

• 如果使用express-fileupload这类中间件，部分版本支持useTempFiles配置配合自动清理，但手动删除的方式在复杂业务流程中更可控。

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