What is your current mount point for the volume?

i put my mount path as /app/uploads

filebrowser-production-46d4.up.railway.app, this is my file browser domain where i created an uploads folder, should i put this this domain link in my code eg: filebrowser-production-46d4.up.railway.app/uploads

The filebrowser has nothing to do with your code, please attach a screenshot of your project canvas.

I have attached a ss of project canvas, browser disk path and also the ss of the file browser settings

Expand the group please.

Not sure what you mean but there is a drop down option

The volume is not mounted to the correct location.Don't know why you are using filebrowser though.

what should my location be

the file gets uploaded in the uploads folder which is in the backend folder of my mern app in local environment

You already answered that correctly earlier...

i put my mount path as /app/uploads

Yet you don't have it mounted to the path you said you do.

But you can see from the ss the path is put as /uploads, am i missing somethng

If I wasn't clear /app/uploads is the correct path, you do not have the volume mounted to that path.

ok,

Correct.

still my files are not getting uploaded on my app

What makes you say that.

this is my app where i upload images with text, my text gets saved but my images are still not getting uploaded. Hmm. am i using the wrong service for this issue

That's not a good indicator of whether or not images are being uploaded, as that could just indicate an issue with your code, going to need more information.

Is there anything else i can provide

How are you serving images?

I am uploading images using multer image upload package to folder named upload in my backend which i have uploaded in Railway, my front-end built using react js is run from netlify

I'm sorry but that does not answer the question.

Below code is how i write my file to the upload folder in my backend

const storage = multer.diskStorage({
    destination: function (req, file, cb) {
      cb(null, './uploads')
      // cb(null, __dirname +'/images')
    },
    filename: function (req, file, cb) {
      const uniqueSuffix = Date.now()
      cb(null, uniqueSuffix + file.originalname)
    }
  })

That does not answer the question, I asked how are you serving images that have been uploaded?

I use a route which i created in the backend which serves the image. To retrieve those images in the front end, i put the URL related to the route in the image src to retrieve the image

Please show that code.

Route:

router.get('/download/:filename', downloadImage)

Controller:

const downloadImage = async(req, res) =>{


    const fileName = req.params.filename
    const filePath = path.join(__dirname, '../uploads', fileName)

    try{

        if(fs.existsSync(filePath)){

            res.sendFile(filePath)
           
        }else{

            res.status(404).send('File not found')
        }

    }catch(error){

        console.log(error)
    }

    
}

Front-end

 <Col md={4} className='p-1' style={{display:'flex', justifyContent:'center', alignItems:'center'}}>
            <Card key={props._id} style={{ width: '100%' }}>
            <Card.Img style={{height:'320px'}} variant="top" src={"https://mern-exercise-tracker-production.up.railway.app/api/workout/download/"+props.image} />
            <Card.Body>
            <Card.Title>{props.title}</Card.Title>
            <ListGroup className="list-group-flush">
                <ListGroup.Item>Reps: {props.reps}</ListGroup.Item>
                <ListGroup.Item>Weight: {props.load} kg</ListGroup.Item>
                <ListGroup.Item>Date: {props.createdAt}</ListGroup.Item>
            </ListGroup>
            </Card.Body>
            </Card>
            </Col>

What status do you get from the backend when the frontend requests an image?

Hi, my solution has been solved. As far as I have noticed, i think I was accessing the image from the server in a wrong way

The above code snippet is the correct way, now I am able to upload and display images properly using my app. Api code from github was not deployed properly so it was not working back then. Its working without using the volume service which is bit of a surprise because as far as i now you needed the volume service for uploading files. Is there something I am missing.