DEV Community

How to upload an image using MERN stack

Yosra Skhiri on November 16, 2020

I'm currently learning the MERN stack by making a project, one of this project's functionalities is to create a user profile, by doing so I needed ...

Read full post

Piyush • Aug 12 '21

In case we follow this for update functionality, how to delete the images stored. I can only change the name for new image and its reference. Also the mango db is not used I guess in this case.

Kashif Huusain • Jun 25 '22

sure the image is not going to be stored in DB but the new unique name is going to be stored in database. Multer is storing the images in server folder... and you can delete images or any file by providing path and the name for that file can be access from database that you have stored when uploaded image

var fs = require('fs');
var filePath = 'c:/images/pic.png';
fs.unlinkSync(filePath);

aniketrathi • Mar 6 '21

req.file undefined

Chris Camp • Aug 8 '21

Make sure to add encType='multipart/form-data'

JS Yu • Jan 29 '22

a few typos to fix :

make the user.modal.js in the modals folder -->make the user.modal.js in the models folder
in app.js of the backend ---> app.use(express.json({ extended: false })); mongoose.connect(uri, { useNewUrlParser: true, // useCreateIndex: true, useUnifiedTopology: true, });
in App.js --> import User from './User';
Make a routes folder and create user.js inside it. ---> Make a routes folder and create users.js inside it.