How to handle Image file uploads with multer in nodejs

const multer = require("multer"); const mkdirp = require("mkdirp"); const MIME_TYPES = {  "image/jpg": "jpg",  "image/jpeg": "jpg",  "image/png": "png",  "image/gif": "gif",};const dir = "public/storeowners/uploads/images";const storage = multer.diskStorage({  destination: (req, file, callback) => {    mkdirp(dir)      .then((data) => callback(null, dir))      .catch((e) => callback(e, dir));  },  filename: (req, file, callback) => {    const name = file.originalname.split(" ").join("_");    const extension = MIME_TYPES[file.mimetype];    callback(null, Date.now() + "." + extension);  },});const fileFilter = (req, file, cb) => {  if (!MIME_TYPES[file.mimetype]) {    cb("File must be an image", false);  } else {    cb(null, true);  }};module.exports = multer({  storage: storage,  limit: {    fileSize: 2000000,  },  fileFilter,}).single("image");

const express = require("express");const router = express.Router();const uploadImage = require("./multer-config.js"); //import the multerconfig//create a post route to handle http request for file upload router.post("/", uploadImage, (req, res) => {  if (req.file) {    return res.status(200).json({      success: true,      message: "Image uploaded!",    });  }  return res.status(400).json({    success: false,    error: "Image upload failed!",  });});module.exports = router;

const express = require("express");const app = express();//import the fileupload routeconst fileuploadRoute = require("./fileupload.route.js");const cors = require("cors");app.use(cors());app.use(express.urlencoded({ extended: false }));app.use(express.json());app.use(express.static("./public"));//setup the file upload routeapp.use("/api/uploadimage", fileuploadRoute);//start listen on port 3000 or any port you preferapp.listen(3000, () => {  console.log("server is listening on port 3000");});

localhost:3000/api/uploadimage