How to put image into mongodb using node js

Question

I want to put a profile image into the users collection in mongodb, and I'd like to retrieve this image when user fetch his profile.

var storage = multer.diskStorage({
    destination: (req, file, cb) => {
        cb(null, 'uploads/')
    },
    filename: (req, file, cb) => {
        cb(null, file.fieldname + '-' + Date.now()+ path.extname(file.originalname));
    }
});
var upload = multer({ storage: storage });

router.put('/user/profile/img/:email', upload.single('profileimg'), (req, res, next) => {
    // console.log(req.file);
    Users.findOneAndUpdate({ email: req.params.email }, req.file.filename).then(() => {
        Users.findOne({ email: req.params.email }).then((resp, err) => {
            res.send(resp);
        })
    })
})

Image is being saved in upload folder in my api but it's not saved in db.

https://stackoverflow.com/questions/29780733/store-an-image-in-mongodb-using-node-js-express-and-mongoose/29780816 — Sai Jeevan Balla, Jan 28 '20 at 10:49

Mickael B. · Answer 1 · 2020-01-28T10:42:09.960

2

The second parameter of the findOneAndUpdate function must be an object with the field to update and the value:

Users.findOneAndUpdate({ email: req.params.email }, { profileimg: req.file.filename }).then(...)

edited Jan 28 '20 at 10:42

answered Jan 28 '20 at 10:32

Mickael B.

4,755
4
24
48

What's the result of the function call ? – Mickael B. Jan 28 '20 at 10:38
getting responce as users json with an empty profileimg field. – Ambady Ajay Jan 28 '20 at 10:40
Yes you need to put the correct field name in the second parameter. I've edited. – Mickael B. Jan 28 '20 at 10:42
We need more details then, there is probably an error somewhere else in your code. – Mickael B. Jan 28 '20 at 10:56

Titus Sutio Fanpula · Accepted Answer · 2020-01-28T10:54:20.990

-1

You can do it like this code below:

router.put('/user/profile/img/:email', upload.single('profileimg'), async (req, res, next) => {
  try {
    // check your file is uploaded
    // check your field
    console.log(req.file);
    const result = await Users.findOneAndUpdate({ email: req.params.email }, {$set: { profileimage : req.file.filename}}, { returnOriginal: false})
    res.send(result)
  } catch(ex) {
    res.status(500).send(ex.message);
  }
})

Note: For this {$set: { profileimage : req.file.filename}}

profileimage : change with the field in your mongodb
req.file.filename: make sure to console.log(req.file) then, where the field you want to store, use it in here and change this example.

I hope it can help you.

edited Jan 28 '20 at 10:54

answered Jan 28 '20 at 10:40

Titus Sutio Fanpula

3,467
4
14
33

1

changed the name to profileimage but still not working – Ambady Ajay Jan 28 '20 at 10:50
When you console.log(req.file), what the object you get? – Titus Sutio Fanpula Jan 28 '20 at 10:50
1

{ fieldname: 'profileimg', originalname: '1.png', encoding: '7bit', mimetype: 'image/png', destination: 'uploads/', filename: 'profileimg-1580208697681.png', path: 'uploads\\profileimg-1580208697681.png', size: 3368 } – Ambady Ajay Jan 28 '20 at 10:51
I've been update my code in my answer. you can try it. I hope you copy code above and replace yours – Titus Sutio Fanpula Jan 28 '20 at 10:54
could you show me how to retive the image and display it. – Ambady Ajay Jan 28 '20 at 10:56
If that code above a `right answer`, dont forget to mark this answer as ✔️. You only need to send image name, because your static folder in `uploads` folder. So, in your frontend, you can access like this url: `localhost:3000/uploads/your-imagename.png`. Change the endpoint with yours. Make sure, you have set `app.use(express.static('public'))` and then add your uploads folder in there, so your image can be access. – Titus Sutio Fanpula Jan 28 '20 at 10:58
2

the ```$set``` is unnecessary cus mongoose takes care of it internally. – Arootin Aghazaryan Jan 28 '20 at 11:04
**I think it's a mongodb, not mongoose.** That's why in the tag have no tag mongoose. – Titus Sutio Fanpula Jan 28 '20 at 11:04
http://localhost:6000/uploads/profileimg-1580211882284.png tried it like this but i cannot get the image. and i have declerd app.use(express.static('uploads')) this also. – Ambady Ajay Jan 28 '20 at 11:48
should i right a route for that or can i acess it without one. – Ambady Ajay Jan 28 '20 at 11:50
You have to set static upload folder like as what I say in my last comment and the second one is you have to check your upload path in multer, make sure its in the right path on your static folder. – Titus Sutio Fanpula Jan 28 '20 at 11:50
Without any router. To access your upload file. – Titus Sutio Fanpula Jan 28 '20 at 11:51
I have a question, after you upload a file, where your file was saved?? In need the path of your file. root > uploads or in where dir. – Titus Sutio Fanpula Jan 28 '20 at 11:52
its in root directory. – Ambady Ajay Jan 28 '20 at 11:56
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/206782/discussion-between-ambady-ajay-and-titus-sutio-fanpula). – Ambady Ajay Jan 28 '20 at 11:58

How to put image into mongodb using node js

2 Answers2