Node.js中使用Multer将多上传文件名整合为单个数组的需求

你当前的代码每次处理单个文件时都会新建一个仅包含当前文件名的数组，所以控制台会输出多个独立的单元素数组。要把所有文件名收集到一个统一数组里，推荐借助req对象存储——每个请求的req都是独立实例，不会和其他请求的文件数据冲突，具体修改如下：

修改后的代码 #

const storageEngine = multer.diskStorage({
    destination: (req, file, cb) => {
        // 初始化数组：如果req上还没挂载存储数组，就创建一个
        if (!req.uploadedFiles) {
            req.uploadedFiles = [];
        }
        // 将当前文件名推入数组
        req.uploadedFiles.push(file.originalname);
        cb(null, './Images');
    },
    filename: (req, file, cb) => {
        cb(null, file.originalname);
    }
});

// 配置multer接收多文件，'images'对应前端表单的文件字段名
const upload = multer({ storage: storageEngine }).array('images');

// 在路由处理函数中获取完整数组，执行批量插入MySQL操作
app.post('/upload', upload, (req, res) => {
    // 此时req.uploadedFiles就是包含所有文件名的目标数组
    console.log(req.uploadedFiles); // 输出：['image.png', 'image2.png', 'image3.png']
    
    // 示例批量插入MySQL逻辑（根据你的数据库库调整）
    // const insertSql = 'INSERT INTO image_files (filename) VALUES ?';
    // const insertValues = req.uploadedFiles.map(name => [name]);
    // dbConnection.query(insertSql, [insertValues], (err, result) => {
    //     if (err) return res.status(500).send('插入失败');
    //     res.send('文件上传并批量插入完成');
    // });
});

原代码问题说明 #

你之前在destination回调里每次都声明const Files = [file.originalname]，这相当于每处理一个文件就创建一个全新的单元素数组，自然会输出多个独立的数组结果。

关键注意点 #

• 不要用全局变量存储数组：多用户并发上传时，全局数组会被不同请求的文件数据混合，导致数据混乱。
• 前端需配合多文件上传：表单要设置multiple属性，比如<input type="file" name="images" multiple>，后端才能通过.array('images')接收多个文件。

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