Setup backend cloudinary image uploader

backend/Controllers/get-upload-url.controller.js

@@ -0,0 +1,26 @@
+import cloudinary from '../config/cloudinary.js';
+import { nanoid } from 'nanoid';
+
+export const getUploadUrl = async (req, res) => {
+    try {
+        if (!req.file) {
+            return res.status(400).json({ error: "No file uploaded" });
+        }
+
+        const media = req.file.path;
+        const date = new Date();
+        const uniqueFileName = `${nanoid()}-${date.getTime()}`;
+
+        const result = await cloudinary.uploader.upload(media, {
+            public_id: uniqueFileName,
+            format: "jpeg",
+            resource_type: "image",
+        });
+
+        return res.status(200).json({ uploadURL: result.secure_url });
+
+    } catch (error) {
+        console.error("Cloudinary upload error:", error);
+        return res.status(500).json({ error: "File upload failed" });
+    }
+};

backend/Middlewares/multer.middleware.js

@@ -0,0 +1,11 @@
+import multer from "multer";
+
+const storage = multer.diskStorage({
+    filename: (req, file, cb) => {
+        cb(null, file.originalname + "-" + Date.now());
+    }
+});
+
+const upload = multer({ storage: storage });
+
+export default upload;

backend/Routes/api/get-upload-url.routes.js

@@ -0,0 +1,9 @@
+import express from "express";
+import upload from "../../Middlewares/multer.middleware.js";
+import { getUploadUrl } from "../../Controllers/get-upload-url.controller.js";
+
+const mediaUploadRoute = express.Router();
+
+mediaUploadRoute.post("/get-upload-url", upload.single('image'), getUploadUrl);
+
+export default mediaUploadRoute;

backend/Routes/index.js

@@ -1,8 +1,10 @@
 import express from 'express';
 import authRoutes from './api/auth.routes.js';
+import mediaUploadRoute from './api/get-upload-url.routes.js';
 
 const router = express.Router();
 
 router.use('/auth', authRoutes);
+router.use('/media', mediaUploadRoute);
 
 export default router;

backend/config/cloudinary.js

@@ -0,0 +1,12 @@
+import { v2 as cloudinary } from 'cloudinary';
+import dotenv from "dotenv";
+dotenv.config();
+
+cloudinary.config({
+    cloud_name: process.env.CLOUDINARY_CLOUD_NAME,
+    api_key: process.env.CLOUDINARY_API_KEY,
+    api_secret: process.env.CLOUDINARY_API_SECRET,
+    secure: true
+});
+
+export default cloudinary;

backend/package.json

@@ -14,12 +14,14 @@
   "description": "",
   "dependencies": {
     "bcrypt": "^5.1.1",
+    "cloudinary": "^2.5.1",
     "cors": "^2.8.5",
     "dotenv": "^16.4.7",
     "express": "^4.21.2",
     "firebase-admin": "^13.1.0",
     "jsonwebtoken": "^9.0.2",
     "mongoose": "^8.11.0",
+    "multer": "^1.4.5-lts.1",
     "nanoid": "^5.1.2"
   },
   "devDependencies": {

backend/server.js

@@ -1,6 +1,7 @@
 import express from "express";
 import cors from "cors";
 import dotenv from "dotenv";
+
 import connectDB from "./config/db.js";
 import router from "./Routes/index.js";