Invalid Path upon File Upload from 'Postman'

Hi All! I’m trying to upload an image using multer through my Express Server whenever a ‘POST’ request hits my ‘imageUpload’ REST API End Point. File is uploaded successfully but inside ‘path’ property of ‘req.file’, incorrect path is being shown with backslashes.

“path”: “public\\images\\Jellyfish.jpg” (Please refer to image)

Please let me know where I’m going wrong.

I am using multer@1.4.1

const express = require('express');
const bodyParser = require('body-parser');
const authenticate = require('../authenticate');

const multer = require('multer');

const storage = multer.diskStorage({
    destination: (req, file, callback)=>{
        callback(null, 'public/images');
    },
    
    filename: (req, file, callback)=>{
        callback(null, file.originalname)
    }
});

const imageFileFilter = (req, file, callback)=>{
    if(!file.originalname.match(/\.(jpg|jpeg|png|gif)$/)){
        return callback(new Error('You can upload only image files!'), false);
    }
    callback(null, true);
};

const upload = multer({storage: storage, fileFilter: imageFileFilter});

const uploadRouter = express.Router();

uploadRouter.use(bodyParser.json());

uploadRouter.route('/')
    .get(authenticate.verifyUser, authenticate.verifyAdmin, (req, res, next)=>{
        res.statusCode = 403; //Forbidden
        res.end('PUT operation not supported on /imageUpload');
    })
    
    .post(authenticate.verifyUser, authenticate.verifyAdmin, upload.single('imageFile'), (req, res)=>{
        res.statusCode = 200;
        res.setHeader('Content-Type', 'application/json');
        res.json(req.file); /* req.file object contains the path to the file which can be used by client */
    })
    
    .put(authenticate.verifyUser, authenticate.verifyAdmin, (req, res, next)=>{
        res.statusCode = 403; //Forbidden
        res.end('PUT operation not supported on /imageUpload');
    })

    .delete(authenticate.verifyUser, authenticate.verifyAdmin, (req, res, next)=>{
        res.statusCode = 403; //Forbidden
        res.end('PUT operation not supported on /imageUpload');
    })


module.exports = uploadRouter;

[rades12340]

I have the same problem, have the right path, it works fine when I use a static file, but when I upload an image with Multer it generates a path with backslashes which don’t work(also in Windows). How I can change this backslashes into forwarding slashes, so it can work?

http://localhost:8080/imagesSat%20Apr%2013%202019-batmanoldnew-719929.jpg

This is the path I have in the network tab in chrome. There should be a slash after an images

[LinusU]

No problem 🍻