我对编程还很陌生，所以如果这个问题有一个非常简单的答案，我深表歉意。

我正在尝试创建一个简单的网站，用户可以在其中上传多张图片并将这些图片显示在网站的其他位置。我正在使用 Mongoose、Express 和 Node 来实现这一点。我使用 Multer 作为上传中间件，我还使用了 body 解析器，我听说它在与 Multer 一起使用时会导致并发症。我正在使用 Cloudinary API 上传和托管上传的图像。

理想情况下，用户会选择他们想要上传的图片，这些图片会被上传到 Cloudinary，然后每张图片的直接链接将被保存在该特定帖子的 Mongoose 模型中，然后每张图片将使用已保存的图片链接。

到目前为止，除了一个问题外，我的一切都运行良好。我遇到的问题是，当我尝试将所提供的上传图像链接推送到 Mongoose 模型数组时，我收到错误消息，并且无法找到解决方法。

这是上传图像并将其插入数组的代码:

var imageLength;
var newImage = new Array();
router.post("/", isLoggedIn, upload.array("image"),function(req, res){
    image: [];
    imageLength = req.files.length;
    for(var i = 0; i < imageLength; i++){
        cloudinary.uploader.upload(req.files[i].path, function(result) {
            // add cloudinary url for the image to the campground object under image property
            newImage.push(result.secure_url);
            console.log(newImage[i-1]);
            console.log(req.body);
            req.body.campground.image.push(newImage[i-1]);
            console.log(req.body);
        });
    }

这是“露营地”的 Mongoose 模型:

var mongoose = require("mongoose");

var campgroundSchema = new mongoose.Schema({
   name: String,
   image: [String],
   image_id: [String],
   description: String,
   author: {
     id: {
        type: mongoose.Schema.Types.ObjectId,
        ref: "User"
     },
     username: String
   },
   comments: [
      {
         type: mongoose.Schema.Types.ObjectId,
         ref: "Comment"
      }
   ]
});

module.exports = mongoose.model("Campground", campgroundSchema);

这是我收到的错误:

https://res.cloudinary.com/jpisani/image/upload/v1525280683/r1cs0zmjrznopot7lmu9.jpg
{ campground: 
   { name: 'g',
     description: 'g',
     author: { id: 5aaaf25986f338289129f8ea, username: 'frff' } } }
/home/ubuntu/workspace/YelpCamp/v10/routes/campgrounds.js:50
            req.body.campground.image.push(newImage[i-1]);
                                     ^

TypeError: Cannot read property 'push' of undefined

如您所见，图片已成功上传到 Cloudinary，我有该图片的直接链接。问题出在console.log(req.body);。没有列出图像属性，这会阻止我将链接推送到图像数组中。

我知道 req.body 只包含用户提交的内容，但我还没有找到用任何其他方法解决这个问题的方法。

以下是创建新帖子页面的代码:

<div class="row">
    <h1 style="text-align: center">Create a New Campground</h1>
    <div style="width: 30%; margin: 25px auto;">
        <form action="/campgrounds" method="POST" enctype="multipart/form-data">
            <div class="form-group">
                <input class="form-control" type="text" name="campground[name]" placeholder="name">
            </div>
            <div class="form-group">
                <label for="image">Image</label>
                <input type="file" id="image" name="image" accept="image/*" multiple required>
            </div>
            <div class="form-group">
                <input class="form-control" type="text" name="campground[description]" placeholder="description">
            </div>
            <div class="form-group">
                <button class="btn btn-lg btn-primary btn-block">Submit!</button>
            </div>
        </form>
        <a href="/campgrounds">Go Back</a>
    </div>
</div>

如您所见，此代码的图像上传部分(位于中间)被命名为“image”，当我 console.log(req.body) 时，它应该使 Mongoose 模型中的图像数组出现; 但它似乎并没有这样做。

如果需要任何信息，请询问，我会及时回复。任何帮助将不胜感激。提前致谢。

编辑:已找到解决方案!对于将来遇到此问题的任何人，这里是问题的答案。

//create - add new campground to DB
router.post("/", isLoggedIn, upload.array("campground[image]"), async function(req, res){
    // add author to campground
    req.body.campground.author = {
        id: req.user._id,
        username: req.user.username
    };

    req.body.campground.image = [];
    for (const file of req.files) {
        let result = await cloudinary.uploader.upload(file.path);
        req.body.campground.image.push(result.secure_url);
    }

    Campground.create(req.body.campground, function(err, campground) {
        if (err) {
            return res.redirect('back');
        }
        res.redirect('/campgrounds/' + campground.id);
    });
});

最佳答案

错误是因为在您的req.body.campground.image 中没有可用的image 属性，即undefined 而您是尝试将 push 到下一行中的未定义数组而不是数组

req.body.campground.image.push(newImage[i-1]);

尝试以下操作:

req.body.campground.image = req.body.campground.image || [];
req.body.campground.image.push(newImage[i-1]);

如果该属性存在，则很好，否则为其分配一个空数组。

关于javascript - 如何更新 Mongoose 模型数组？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50140804/