保存多图像 Multer

Question

我在使用 Multer 保存多个图像时遇到问题

    <form action="/api/imagesSection" method="post" enctype="multipart/form-data">
      <input type="file" name="uploadedImages" value="uploading_img" multiple>
      <input type="submit" value="uploading_img">
    </form>

路线如下：

router.post('/imagesSection', upload.array('uploadedImages', 10), function(req, res) {
        let timeInMs = Date.now();

        for(var i = 0; i < req.files.length; i++){
            let imageS = new ImageS();
            let file = req.files[i].destination + '/' + timeInMs +req.files[i].originalname ;
            imageS.imageUrl = req.files[i].destination + '/' + timeInMs +req.files[i].originalname ;
            imageS.title = 'req.body.title';
            imageS.description = 'req.body.description';

            fs.rename(req.files[i].path, file, function(err) {
                if (err) {
                    console.log(err);
                    res.send(500);
                } else {
                    imageS.save();
                    // res.redirect(req.get('referer'));
                    console.log(imageS);
                }   

            });
        }
    });

如您所见，我在每个循环中调用 `save() One new ImageS(); 胸围它只是保存第一个 IMG 文件。有什么想法吗？

Answer 1

以下代码异步工作，这就是为什么你只保存一张图片。

         fs.rename(req.files[i].path, file, function(err) {
            if (err) {
                console.log(err);
                res.send(500);
            } else {
                imageS.save();
                // res.redirect(req.get('referer'));
                console.log(imageS);
            }   });

不要使用 for 循环，而是尝试使用 forEach()，就像我在代码中所做的那样。

var images = [];
req.files.forEach(function(value, index){
        console.log(req.files.length);
        var tempPath = value.path;
        var targetPath = path.resolve('public/img/flat_images/'+flat._id+index+'.'+value.originalname.split('.').slice(-1).pop());
        images.push('/img/flat_images/'+flat._id+index+'.'+value.originalname.split('.').slice(-1).pop());
        console.log(images);
        fs.rename(tempPath,targetPath,function(err){
            if(err) return res.status(400).end();
        });
    });

flat.images = images;
 flat.save(function(err){
   if(err) return res.status(400).end();
   res.send(flat);
 });

希望，它会有所帮助。

Answer 2

可能是您的文件都具有相同的 originalname 并且由于 timeInMs 仅声明一次，因此在您的 for 循环之前它不能用作唯一标识符。

您是否尝试过记录 req.files.length 的值？它会返回您期望的结果吗？

编辑：您可以尝试将所有需要的文件添加到数组中。然后您可以使用.create() 将数组中的所有项目保存在一个函数调用中，如下所示：

ImageS.create(fileArray, function (err) {
  if (err) // ...
});