Question

我对编程很新，所以如果对这个问题有一个非常简单的答案我会道歉。

我正在尝试创建一个简单的网站，用户可以上传多个图像，并将这些图像显示在网站上的其他位置。我用Mongoose，Express和Node完成了这个。我使用Multer作为上传中间件，我也使用了身体解析器，我听说在与Multer一起使用时会引起并发症。我正在使用Cloudinary API上传和托管上传的图片。

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

到目前为止，除了一个问题外，我的一切工作都很完美。我遇到的问题是当我尝试将上传的图像提供的链接推送到Mongoose Model数组时，我收到错误，我无法找到解决方法。

以下是将图像上传并推送到数组中的代码：

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);
        });
    }

以下是“露营地”的猫鼬模型：

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);
    });
});

Answer 1

错误是因为在您的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]);

如果属性存在，那么好，否则为它分配一个空数组。

如何更新Mongoose模型阵列？

1 个答案: