Upload image to cloudinary

README.md

@@ -175,6 +175,9 @@ The illustration above showcases a conversation between two separate tabs opened
      JWTEXPIRES=90d
      JWTSECRET=<-giveanysecretkey->
      JWT_COOKIE_EXPIRES=90
+     CLOUD_NAME=<CLOUDINARY CLOUD NAME>
+     CLOUDINARY_API_KEY=<CLOUDINARY API KEY>
+     CLOUDINARY_API_SECRET=<CLOUD API SECRET>
    ```
 
 5. Start Backend Server:

backend/controllers/userController.js

@@ -3,7 +3,7 @@ const catchAsync=require('../utils/catchAsync');
 const AppError = require('../utils/AppError');
 const Chat=require('../models/chatModel');
 const multer=require('multer');
-
+const uploadPhoto=require('../utils/UploadImage');
 const multerstorage=multer.diskStorage({
   destination:(req,file,cb)=>{
     cb(null,'public/img/user')
@@ -36,7 +36,6 @@ const filterObj = (obj, ...allowedFields) => {
     Object.keys(obj).forEach(el => {
       if (allowedFields.includes(el)) newObj[el] = obj[el];
     });
-
     return newObj;
   };
 
@@ -74,7 +73,8 @@ exports.UploadPhoto=catchAsync(async(req,res,next)=>{
   let data;
   if (req.file)
   data= req.file.filename;
-  const updatedUser = await User.findByIdAndUpdate(req.user.id,{pic:data}, {
+  const uploadedUri=await uploadPhoto.UploadImage(data);
+  const updatedUser = await User.findByIdAndUpdate(req.user.id,{pic:uploadedUri}, {
     new: true,
     runValidators: true
   });

backend/package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "axios": "^1.5.0",
     "bcryptjs": "^2.4.3",
+    "cloudinary": "^2.5.0",
     "cookie-parser": "^1.4.6",
     "cors": "^2.8.5",
     "dotenv": "^16.3.1",

backend/utils/UploadImage.js

@@ -0,0 +1,24 @@
+const cloudinary = require('cloudinary').v2;
+const path = require('path');
+
+/**
+ * UploadImage function - This Function is to upload Image in Cloudinary 
+ * @param {*} data - Upload the Local Image to Cloudinary and return the result  
+ * @returns {String} - Return the Image URL
+ */
+const UploadImage = async (data) => {
+    const imagePath = path.join(__dirname, "../public/img/user/", data);
+    cloudinary.config({ 
+        cloud_name: process.env.CLOUD_NAME, 
+        api_key: process.env.CLOUDINARY_API_KEY, 
+        api_secret:process.env.CLOUDINARY_API_SECRET
+    });
+    try{
+        const result=await cloudinary.uploader.upload(imagePath);
+        return result.secure_url;
+    }catch(err){
+        console.log(err);
+    }
+};
+
+module.exports = { UploadImage };