I facing an error while working with 'cloudinary' , to upload images , for my MERN stack project

Question

I am following this youtube video - https://www.youtube.com/watch?v=Rw_QeJLnCK4 , which step by step guides on how to upload an image to cloudinary.

this is the cloudinary config -

router.post('/create',auth,createBlog)

this is the route at which i am handling image upload

And here in the createBlog controller , i am importing that cloudinary config and doing the same as mentioned in the youtube video -

I am able to get the bas64encoded string of the image in the 'req.body.image' which i sent from frontend.

But the console.log(response) gives me this error -

TypeError: Cannot read property 'upload' of undefined

I have also created a preset named 'my_blogwebsite' in cloudinary associated with the folder of the same name.

I am using ES6 module for importing and exporting instead of commonJS in my express app.And in the video the instructor requires the cloudinary in commonJS like this -

const cloudinary = require("cloudinary").v2;

But i dont know how to add that '.v2' in ES6 module.I tried searching on google about this but had no luck.I think achieving this will solve my issue but i am not sure.

Edit - This is my folder structure

Please help me resolve this , thank you

Does it work if you replace cloudinary.uploader.upload with cloudinary.v2.uploader.upload? — Aleksandar
– Aleksandar, Commented Sep 25, 2021 at 8:47
I tried adding what you mentioned and this is the error i got - TypeError: Cannot read property 'uploader' of undefined — Bhavesh Damor
– Bhavesh Damor, Commented Sep 25, 2021 at 8:54
What is the path on your system where the Cloudinary module is installed? By default, you should be able to import it from ./node_modules/cloudinary/cloudinary.js — Aleksandar
– Aleksandar, Commented Sep 25, 2021 at 9:04
In that case, did you update the import path in your config (first screenshot)? — Aleksandar
– Aleksandar, Commented Sep 25, 2021 at 9:24

jorge arlex arbelaez carmona · Accepted Answer · 2023-01-31 05:04:14Z

1

you can import it this way:


import {v2 as cloudinary} from "cloudinary"

answered Jan 31, 2023 at 5:04

jorge arlex arbelaez carmona

111 bronze badge

Sign up to request clarification or add additional context in comments.

Comments

Tyler2P · Accepted Answer · 2022-09-15 17:03:50Z

0

You can try this way:

import cloudinaryModule from "cloudibary";

const cloudinaryModule = cloudinaryModule.v2;

edited Sep 15, 2022 at 17:03

Tyler2P

2,37030 gold badges26 silver badges34 bronze badges

answered Sep 11, 2022 at 14:25

Bent

1

Comments

zvijude · Accepted Answer · 2023-10-27 00:08:49Z

0

cloudinary config file

import dotenv from "dotenv"
dotenv.config()
import { v2 } from "cloudinary"

v2.config({
  cloud_name: process.env.CLOUDINARY_NAME,
  api_key: process.env.CLOUDINARY_KEY,
  api_secret: process.env.CLOUDINARY_SECRET,
})

export default v2

answered Oct 27, 2023 at 0:08

zvijude

3793 silver badges9 bronze badges

Collectives™ on Stack Overflow

I facing an error while working with 'cloudinary' , to upload images , for my MERN stack project

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related