Avatar File is Required issue about chai-backend

[nirajchaurasiya]

Yeah, just a silly mistake, man.
Check this video👇

2023-12-24.20-13-57.mp4.mp4

[nirajchaurasiya]

Glad to help❤️

[Divyanshu7001]

well..it is not a error actually...the users/register route is supposed to be a post route as we have written in our code..& due to that reason..the server cant get that route..cause it is actually supposed to be a POST method.

now..if we change it to GET method...the error changes as we can see the change here

The error changes as the users/register is now a GET method but no avatar has been given as input due to no frontend yet..and it gets a error of that portion.

hope this explanation helps you!!

[nirajchaurasiya]

Hey, I think the condition you are writing for the avatar file is wrong.

Check the if condition once.

Additionally, you can provide me with the repo URL.

[anishudupa]

check for middleware once and check if you are accessing the file correctly (req.files not req.file)
check here - https://github.com/expressjs/multer
or else provide your source code repo link

[Talhaayubkhan]

Can you clone my repo? or did I send the link? because I checked everything but the avatar file is still throwing issue

[nirajchaurasiya]

Yeah, you can send us the repo URL.

[Talhaayubkhan]

https://github.com/Talhaayub1/backend.git this is the repo!!!!

[nirajchaurasiya]

I will update you after checking.

[nirajchaurasiya]

Can you provide me the .env.sample file with only names of variables?

[Talhaayubkhan]

i didn't create .env.sample, i just create .env

[nirajchaurasiya]

So, you have to create it or just provide me with a screenshot of the variable names.

Because I think I got your issue.

[Talhaayubkhan]

check this

[nirajchaurasiya]

Hmm, I see.
Everything is fine.
Can you check the keys of Cloudinary once?
Because the problem comes with uploading the file to Cloudinary.

[nirajchaurasiya]

And, then you can see your api_secret.

[Talhaayubkhan]

got it man!! Thanks For this, resolve the issue 🙌❤️

[AdityaHeree]

brother can u help me?? solve this problem

[AdityaHeree]

thanks for your efforts . i do all this changes i cant fix the ploblem. i think i some line previously

[itzmeimran]

Here dont use GET method instead use POST method as you are supposed to send files. Hope this ll help you fix error

[shobitkhatri05]

Hello Brother @nirajchaurasiya I also the face same issue avatar is required Can you clone my repo? or did I send the link? because I checked everything but the avatar file is still throwing issue

[RAMraghuram]

Avatar is required issues

The issue is within the cloudinary.js file. When we are unlinking the local file path before sending the response, we should first check if the local file exists or not. As it is happening asynchronously, there is a chance that it is unlinking before all other tasks are completed. The best option would be to check if localFilePath exists, and then unlink it using the following code:

fs.existsSync(localFilePath) && fs.unlinkSync(localFilePath);

This is the final version:

import { v2 as cloudinary } from "cloudinary";
import fs from "fs";

cloudinary.config({
  cloud_name: process.env.CLOUDINARY_CLOUD_NAME,
  api_key: process.env.CLOUDINARY_API_KEY,
  api_secret: process.env.CLOUDINARY_API_SECRET,
});

const uploadCloudinary = async (localFilePath) => {
  try {
    if (!localFilePath) return null;
    console.log("localFilePath", localFilePath);
    // upload file to cloudinary
    const response = await cloudinary.uploader.upload(localFilePath, {
      resource_type: "auto",
    });
    // file has been uploaded
    // console.log("File uploaded to cloudinary", response.url);
    fs.existsSync(localFilePath) && fs.unlinkSync(localFilePath);
    // console.log("response", response);
    return response;
  } catch (error) {
    fs.existsSync(localFilePath) && fs.unlinkSync(localFilePath); // remove file from local storage if cloudinary upload fails
    return null;
  }
};

export { uploadCloudinary };

[akashsahaks]

Great to hear this, I will verify this!!